kw/verdande
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix(sidebar): scrollbar flush to the divider, and match the group test

Browse Source 
The scrollbar thumb centred a 4px bar in a 10px track behind a
transparent border, so it floated three pixels shy of the right edge.
The thumb is the track now — a thin 6px rounded bar sitting flush
against the divider line, where a scrollbar belongs.

The group heading is a heading now, not a project row: the smoke test
measured a group against the projects filed under it and read the
section icon as a dot. It measures a group against "Projekter" — the
tier it shares — and reads the icon both headings carry.

Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
This commit is contained in:
kristianwind
2026-09-03 12:54:05 +02:00
co-authored by Claude Opus 4.8
parent a9c90ee6f1
commit 1c223a2c26
2 changed files with 32 additions and 39 deletions
Download Patch File Download Diff File Expand all files Collapse all files
web/src/lib/components/Sidebar.svelte
+5 -3
View File
@@ -1142,14 +1142,16 @@
}
.scroller::-webkit-scrollbar {
width: 10px;
width: 6px;
}
/* No transparent border and no padding-box clip: those centred a 4px bar in a
10px track, so the thumb floated three pixels shy of the divider. The bar is
the track now — a thin rounded thumb sitting flush against the line on the
right, which is where a scrollbar belongs. */
.scroller::-webkit-scrollbar-thumb {
background: var(--line-strong);
border-radius: 999px;
border: 3px solid transparent;
background-clip: padding-box;
}
.scroller::-webkit-scrollbar-track {