Fix settings navigation routing
Replace hash links in the settings side navigation with button-driven in-page scrolling so the hash router does not leave the settings page.
This commit is contained in:
@@ -734,14 +734,17 @@ button:disabled {
|
||||
box-shadow: var(--card-shadow);
|
||||
}
|
||||
|
||||
.settings-nav a {
|
||||
.settings-nav button {
|
||||
display: grid;
|
||||
gap: 2px;
|
||||
padding: 10px 12px;
|
||||
border: 1px solid transparent;
|
||||
border-radius: 12px;
|
||||
background: transparent;
|
||||
color: var(--muted);
|
||||
text-decoration: none;
|
||||
font: inherit;
|
||||
text-align: left;
|
||||
cursor: pointer;
|
||||
transition:
|
||||
background 140ms ease,
|
||||
border-color 140ms ease,
|
||||
@@ -749,13 +752,19 @@ button:disabled {
|
||||
transform 140ms ease;
|
||||
}
|
||||
|
||||
.settings-nav a:hover {
|
||||
.settings-nav button:hover,
|
||||
.settings-nav button:focus-visible {
|
||||
transform: translateX(2px);
|
||||
border-color: rgba(214, 130, 88, 0.24);
|
||||
background: rgba(214, 130, 88, 0.08);
|
||||
color: var(--bg-ink);
|
||||
}
|
||||
|
||||
.settings-nav button:focus-visible {
|
||||
outline: 2px solid rgba(214, 130, 88, 0.34);
|
||||
outline-offset: 2px;
|
||||
}
|
||||
|
||||
.settings-nav strong {
|
||||
color: currentColor;
|
||||
font-size: 13px;
|
||||
|
||||
Reference in New Issue
Block a user