tarrien/Mastodon
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Fix regressions in icon buttons in web UI (#14915)

Browse Source
This commit is contained in:
Eugen Rochko
2020-10-04 15:02:36 +02:00
committed by GitHub
parent 16b776c68f
commit a549415868
3 changed files with 19 additions and 9 deletions
Download Patch File Download Diff File Expand all files Collapse all files

1
app/javascript/mastodon/components/icon_button.js
View File

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

14
app/javascript/styles/mastodon/components.scss
View File

@ -163,8 +163,7 @@
}
.icon-button {
display: inline-flex;
align-items: center;
display: inline-block;
padding: 0;
color: $action-button-color;
border: 0;
@ -173,6 +172,7 @@
cursor: pointer;
transition: all 100ms ease-in;
transition-property: background-color, color;
text-decoration: none;
&:hover,
&:active,
@ -247,6 +247,12 @@
}
}
&--with-counter {
display: inline-flex;
align-items: center;
width: auto !important;
}
&__counter {
display: inline-block;
width: 14px;
@ -1152,6 +1158,10 @@
.status__action-bar-button {
margin-right: 18px;
&.icon-button--with-counter {
margin-right: 14px;
}
}
.status__action-bar-dropdown {