brendan/bchen-ui
1
0
Fork 0
Code Issues 1 Pull Requests Actions Packages Projects Releases Wiki Activity

fix: separate hover/focus-visible on .nav-link; restore outline ring for keyboard focus (WCAG 2.4.7)

Browse Source
This commit is contained in:
Brendan Chen
2026-05-15 03:46:32 -07:00
parent cb2df3ced1
commit 75930e5c1f
1 changed files with 8 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

11
dist/sidebar.css vendored
View File

@@ -73,10 +73,15 @@
transition: background 0.1s ease;
}
.nav-link:hover,
.nav-link:hover {
background: var(--bg-elevated);
}
.nav-link:focus-visible {
background: var(--bg-elevated);
outline: none;
outline: 2px solid var(--accent);
outline-offset: 2px;
border-radius: var(--radius);
}
.nav-link.nav-active {
@@ -90,7 +95,7 @@
display: flex;
flex-direction: column;
gap: 0.25rem;
border-top: 1px solid var(--border-color);
border-top: 1px solid var(--border-color); /* subtle divider, lighter than --border */
margin-top: auto;
}