Leatherface/mastodon
1
0
Fork 0
mirror of https://github.com/glitch-soc/mastodon.git synced 2025-12-13 15:58:50 +00:00
Code Issues Packages Projects Releases Wiki Activity

[Glitch] Improve feed item focus outlines

Browse Source 
Port a1c7b853ec to glitch-soc

Signed-off-by: Claire <claire.github-309c@sitedethib.com>
This commit is contained in:
diondiondion
2025-08-22 14:10:07 +02:00
committed by Claire
parent e9c1ffeb9a
commit f7cd193390
1 changed files with 7 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

9
app/javascript/flavours/glitch/styles/components.scss
View File

@@ -1497,9 +1497,9 @@ body > [data-popper-placement] {
.focusable { .focusable {
&:focus-visible { &:focus-visible {
outline: 0; outline: 2px solid $ui-button-focus-outline-color;
outline-offset: -2px;
background: color.change($ui-highlight-color, $alpha: 0.05); 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); background: var(--on-surface-color);
} }
&:focus-visible {
outline: 2px solid $ui-button-focus-outline-color;
outline-offset: -2px;
}
.icon { .icon {
width: 22px; width: 22px;
height: 22px; height: 22px;