From 444b65009411a08ddab95ec60b86b3cf63086c2e Mon Sep 17 00:00:00 2001 From: Claire Date: Wed, 25 May 2022 15:09:45 +0200 Subject: [PATCH] Add checkmark on top of status icon buttons when they are active (#1783) --- .../flavours/glitch/styles/accessibility.scss | 15 +++++++++++++++ 1 file changed, 15 insertions(+) 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 {