From f45997e386d58252dc2b79ea42dffd70dedf92b4 Mon Sep 17 00:00:00 2001 From: Vinta Chen Date: Wed, 21 Oct 2026 15:33:30 +0800 Subject: [PATCH] fix: draw one focus outline on a focused table row Keyboard focus on a table row drew one box per cell, because the focused row fell back to the browser's default outline and each cell also got an inset accent stripe on its left edge. Co-Authored-By: Claude --- website/static/style.css | 6 +++++- 1 file changed, 5 insertions(+), 1 deletion(-) diff --git a/website/static/style.css b/website/static/style.css index e42dd156..4c15ac61 100644 --- a/website/static/style.css +++ b/website/static/style.css @@ -903,9 +903,13 @@ kbd { background: var(--row-hover); } +.row:focus-visible { + outline: 2px solid var(--accent); + outline-offset: -2px; +} + .row:focus-visible td { background: var(--row-focus); - box-shadow: inset 3px 0 0 var(--accent); } .row:has(+ .desc-row:not([hidden])) td {