From dadec1a2739547e4c8d8cace36df97249318c7f1 Mon Sep 17 00:00:00 2001
From: Jennie Robinson Faber <jennie@jenniefaber.com>
Date: Wed, 29 Apr 2026 20:39:31 +0100
Subject: [PATCH] fix(events): add focus-visible outline to past-events toggle
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

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).
---
 app/pages/events/index.vue | 5 +++++
 1 file changed, 5 insertions(+)

diff --git a/app/pages/events/index.vue b/app/pages/events/index.vue
index c001e7c..4894a07 100644
--- a/app/pages/events/index.vue
+++ b/app/pages/events/index.vue
@@ -430,6 +430,11 @@ const isAlmostFull = (event) => {
   border-color: var(--candle-faint);
   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 {
   border-color: var(--candle);
   border-style: solid;