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 <noreply@anthropic.com>
This commit is contained in:
Vinta Chen
2026-10-21 15:49:35 +08:00
co-authored by Claude
parent 94126bc6bc
commit f45997e386
+5 -1
View File
@@ -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 {