Add checkmark on top of status icon buttons when they are active (#1783)
This commit is contained in:
parent
3fd2aadb23
commit
444b650094
1 changed files with 15 additions and 0 deletions
|
@ -12,6 +12,21 @@ $emojis-requiring-inversion: 'back' 'copyright' 'curly_loop' 'currency_exchange'
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
// Display a checkmark on active UI elements otherwise differing only by color
|
||||||
|
.status__action-bar-button,
|
||||||
|
.detailed-status__button .icon-button {
|
||||||
|
position: relative;
|
||||||
|
|
||||||
|
&.active::after {
|
||||||
|
position: absolute;
|
||||||
|
content: "\F00C";
|
||||||
|
font-size: 50%;
|
||||||
|
font-family: FontAwesome;
|
||||||
|
right: -5px;
|
||||||
|
top: -4px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
.hicolor-privacy-icons {
|
.hicolor-privacy-icons {
|
||||||
.status__visibility-icon.fa-globe,
|
.status__visibility-icon.fa-globe,
|
||||||
.composer--options--dropdown--content--item .fa-globe {
|
.composer--options--dropdown--content--item .fa-globe {
|
||||||
|
|
Loading…
Reference in a new issue