diff --git a/ui/component/common/form-components/form-field.jsx b/ui/component/common/form-components/form-field.jsx index 438ed23f6..ebcf4e718 100644 --- a/ui/component/common/form-components/form-field.jsx +++ b/ui/component/common/form-components/form-field.jsx @@ -261,7 +261,7 @@ export class FormField extends React.PureComponent<Props> { {!noEmojis && openEmoteMenu && ( <Button type="alt" - className="button--file-action button--comment-icons" + className="button--file-action" title="Emotes" onClick={openEmoteMenu} icon={ICONS.EMOJI} diff --git a/ui/scss/component/_button.scss b/ui/scss/component/_button.scss index e69fd5e6e..c3609fbe3 100644 --- a/ui/scss/component/_button.scss +++ b/ui/scss/component/_button.scss @@ -350,51 +350,6 @@ a.button--alt { background-color: transparent; margin-right: var(--spacing-m); padding: 0 var(--spacing-xxs); - - &.button--comment-icons { - height: initial; - padding: 5px; - } - - &.button--file-action-active { - .icon { - fill: var(--color-primary-alt); - stroke: var(--color-primary) !important; //fixme - color: var(--color-primary); - } - } - - @media (max-width: $breakpoint-small) { - padding: 0 0; - } - - .icon { - &:not(.color-override) { - stroke: var(--color-text); - } - } - - .button__label { - min-width: 10px; - } - - &:last-child { - margin-right: 0; - } - - &:hover { - .button__label { - color: var(--color-link); - } - } -} - -.button--comment-icons { - /* @extend .button--alt; - color: var(--color-text); - background-color: transparent; - margin-right: var(--spacing-m); - padding: 0 var(--spacing-xxs); height: initial; padding: 5px; @@ -428,7 +383,7 @@ a.button--alt { .button__label { color: var(--color-link); } - } */ + } } [aria-expanded='true'].button--file-action {