diff options
| author | Claire <claire.github-309c@sitedethib.com> | 2022-05-25 15:09:45 +0200 |
|---|---|---|
| committer | GitHub <noreply@github.com> | 2022-05-25 15:09:45 +0200 |
| commit | 444b65009411a08ddab95ec60b86b3cf63086c2e (patch) | |
| tree | ebeaaa8a7824ca59dd5fc02a8d9fb920f376741f | |
| parent | 3fd2aadb2323728e15fe2d49928b4af09447cf0f (diff) | |
Add checkmark on top of status icon buttons when they are active (#1783)
| -rw-r--r-- | app/javascript/flavours/glitch/styles/accessibility.scss | 15 |
1 files changed, 15 insertions, 0 deletions
diff --git a/app/javascript/flavours/glitch/styles/accessibility.scss b/app/javascript/flavours/glitch/styles/accessibility.scss index cb27497a4..96e20f839 100644 --- a/app/javascript/flavours/glitch/styles/accessibility.scss +++ b/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 { |