fix hover style for char count field #7620

Merged
ByronEricPerez merged 6 commits from 7564-comment-box-hides-icon-when-hovering-over-button into master 2022-07-07 22:55:31 +02:00
2 changed files with 2 additions and 47 deletions
Showing only changes of commit 790246ffae - Show all commits

View file

@ -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}

View file

@ -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 {