[Glitch] Fix regressions in icon buttons in web UI

Port a549415868 to glitch-soc

Signed-off-by: Thibaut Girka <thib@sitedethib.com>
This commit is contained in:
Eugen Rochko 2020-10-04 15:02:36 +02:00 committed by Thibaut Girka
parent 8f950e540b
commit 47edac871c
3 changed files with 13 additions and 2 deletions

View file

@ -123,6 +123,7 @@ export default class IconButton extends React.PureComponent {
activate,
deactivate,
overlayed: overlay,
'icon-button--with-counter': typeof counter !== 'undefined',
});
if (typeof counter !== 'undefined') {

View file

@ -144,8 +144,7 @@
}
.icon-button {
display: inline-flex;
align-items: center;
display: inline-block;
padding: 0;
color: $action-button-color;
border: 0;
@ -154,6 +153,7 @@
cursor: pointer;
transition: all 100ms ease-in;
transition-property: background-color, color;
text-decoration: none;
&:hover,
&:active,
@ -228,6 +228,12 @@
}
}
&--with-counter {
display: inline-flex;
align-items: center;
width: auto !important;
}
&__counter {
display: inline-block;
width: 14px;

View file

@ -568,6 +568,10 @@
.status__action-bar-button {
margin-right: 18px;
&.icon-button--with-counter {
margin-right: 14px;
}
}
.status__action-bar-dropdown {