me/glitchier-soc
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

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

Browse source
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
Show stats Download patch file Download diff file Expand all files Collapse all files

15
app/javascript/flavours/glitch/styles/accessibility.scss
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 {
.status__visibility-icon.fa-globe,
.composer--options--dropdown--content--item .fa-globe {