Add checkmark on top of status icon buttons when they are active (#1783)

This commit is contained in:
Claire 2022-05-25 15:09:45 +02:00 committed by GitHub
parent 3fd2aadb23
commit 444b650094
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 15 additions and 0 deletions

View File

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