Fix regressions in icon buttons in web UI (#14915)
This commit is contained in:
parent
16b776c68f
commit
a549415868
3 changed files with 19 additions and 9 deletions
|
@ -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 {
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue