From f7cd193390ef655b105cdd9c4c52963da45fca44 Mon Sep 17 00:00:00 2001 From: diondiondion Date: Fri, 22 Aug 2025 14:10:07 +0200 Subject: [PATCH] [Glitch] Improve feed item focus outlines Port a1c7b853ec14b1c2b98b80f49bf47673637f4679 to glitch-soc Signed-off-by: Claire --- app/javascript/flavours/glitch/styles/components.scss | 9 +++++++-- 1 file changed, 7 insertions(+), 2 deletions(-) diff --git a/app/javascript/flavours/glitch/styles/components.scss b/app/javascript/flavours/glitch/styles/components.scss index dd01181341..6b603376d9 100644 --- a/app/javascript/flavours/glitch/styles/components.scss +++ b/app/javascript/flavours/glitch/styles/components.scss @@ -1497,9 +1497,9 @@ body > [data-popper-placement] { .focusable { &:focus-visible { - outline: 0; + outline: 2px solid $ui-button-focus-outline-color; + outline-offset: -2px; background: color.change($ui-highlight-color, $alpha: 0.05); - box-shadow: inset 0 0 0 2px $ui-button-focus-outline-color; } } @@ -4461,6 +4461,11 @@ a.status-card { background: var(--on-surface-color); } + &:focus-visible { + outline: 2px solid $ui-button-focus-outline-color; + outline-offset: -2px; + } + .icon { width: 22px; height: 22px;