jennie/ghostguild-org
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

fix(events): add focus-visible outline to past-events toggle

Browse source 
Custom .past-toggle button had no focus indicator — keyboard users
got nothing. Match the canonical WCAG 2.4.7 outline used on .btn
and .zine-select (dashed candle, 3px offset).
This commit is contained in:
Jennie Robinson Faber 2026-04-29 20:39:31 +01:00
parent f85f284ea5
commit dadec1a273
1 changed files with 5 additions and 0 deletions
Download patch file Download diff file Expand all files Collapse all files

5
app/pages/events/index.vue
View file

@ -430,6 +430,11 @@ const isAlmostFull = (event) => {
border-color: var(--candle-faint); border-color: var(--candle-faint);
color: var(--text-dim); color: var(--text-dim);
} }
/* WCAG 2.4.7 — keyboard focus must be visibly indicated. */
.past-toggle:focus-visible {
outline: 2px dashed var(--candle);
outline-offset: 3px;
}
.past-toggle.active { .past-toggle.active {
border-color: var(--candle); border-color: var(--candle);
border-style: solid; border-style: solid;