From c9f17899a6d1f3442b67e6628e7fb3bed2e893d3 Mon Sep 17 00:00:00 2001 From: diondiondion Date: Tue, 24 Jun 2025 11:34:43 +0200 Subject: [PATCH] [Glitch] fix: Improve status focus indicators Port fb5b8ae0a5ef77f68f6ebbf211fdb4842111b8b0 to glitch-soc Signed-off-by: Claire --- app/javascript/flavours/glitch/styles/components.scss | 5 +++-- 1 file changed, 3 insertions(+), 2 deletions(-) diff --git a/app/javascript/flavours/glitch/styles/components.scss b/app/javascript/flavours/glitch/styles/components.scss index 3c1b2cefc7..4e997a446d 100644 --- a/app/javascript/flavours/glitch/styles/components.scss +++ b/app/javascript/flavours/glitch/styles/components.scss @@ -1469,9 +1469,10 @@ body > [data-popper-placement] { } .focusable { - &:focus { + &:focus-visible { outline: 0; background: rgba($ui-highlight-color, 0.05); + box-shadow: inset 0 0 0 2px $ui-button-focus-outline-color; } } @@ -1881,7 +1882,7 @@ body > [data-popper-placement] { background: color.mix($ui-base-color, $ui-highlight-color, 95%); } - &:focus { + &:focus-visible { .detailed-status, .detailed-status__action-bar { background: color.mix(