figmar/apes-sidebar
1
0
Fork 0
Code Issues 1 Pull Requests 1 Actions Packages Projects Releases Wiki Activity

style: restyle the reveal highlight as a merged business-blue block

Browse Source 
The reveal tint now uses the DSH business-blue surface
(--dsw-alias-state-business-tertiary, the same source the host's nav
items use for their active accent, skin-aware) instead of a neutral
accent wash, and drops the 2px left bar. Consecutive revealed rows
square off their touching edges (sibling combinator + :has), so a
multi-file highlight renders as ONE rounded block — per-row radius
notches no longer fragment it; a solo row keeps the full radius.
This commit is contained in:
Menghuan1918
2026-08-29 11:45:29 +08:00
parent 052edb7685
commit 41d303623f
1 changed files with 20 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/client/sidebar.module.css
+20 -3
View File
@@ -951,10 +951,27 @@ body[data-dsh-sidebar-dragging] .bottomPanel {
}
/* A "Show in folder" reveal highlight: the target row stays tinted until
the transient reveal set is cleared (a reload starts unhighlighted). */
the transient reveal set is cleared (a reload starts unhighlighted).
The DSH business-blue surface (the same source the host's nav items use
for their active accent) — a flat tint, deliberately no left bar. */
.explorerRowRevealed {
background: color-mix(in srgb, var(--dsw-alias-interactive-bg-hover-accent) 18%, transparent);
box-shadow: inset 2px 0 0 var(--dsw-alias-interactive-bg-hover-accent);
background: var(--dsw-alias-state-business-tertiary);
}
/* Reveal sets usually list sibling files — consecutive tinted rows merge
into ONE rounded block: the touching edges square off, so a multi-file
highlight has no per-row radius notches. A solo revealed row (or the
first/last of a run) keeps its full radius. Rows are flat siblings in
the tree body (depth is inline padding), so the sibling combinator sees
every adjacency. */
.explorerRowRevealed + .explorerRowRevealed {
border-top-left-radius: 0;
border-top-right-radius: 0;
}
.explorerRowRevealed:has(+ .explorerRowRevealed) {
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
}
.explorerDir {