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

local
Claire 2 years ago committed by GitHub
parent 3fd2aadb23
commit 444b650094
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
  1. 15
      app/javascript/flavours/glitch/styles/accessibility.scss

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

Loading…
Cancel
Save