sorokin.oleg.edu/learnharness
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases 7 Wiki Activity

Settings dropdown: widen for a clean scrollbar gutter

Browse Source 
Owner report: the scrollbar pressed against the slider content. Panel
w-64 -> w-72 and the inner scroll column gains pr-2.5, so the spacing
is concentric: content -> 10px -> scrollbar -> 10px -> panel edge. The
scrollbar itself is NOT moved — it keeps its distance from the panel's
right border; the panel simply widens to give it air.
This commit is contained in:
amosblomqvist
2026-09-19 22:14:11 +03:00
parent 7555da03b9
commit d90b1caa23
1 changed files with 8 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files
components/graph-view.tsx
+8 -2
View File
@@ -373,8 +373,14 @@ function GraphSettingsControl({
// floor of free space above the window bottom at any height, // floor of free space above the window bottom at any height,
// and the overflow-y-auto column (which also zeroes the flex // and the overflow-y-auto column (which also zeroes the flex
// item's min-height) scrolls instead of stretching the page. // item's min-height) scrolls instead of stretching the page.
<div className="absolute right-0 top-full mt-2 flex max-h-[60vh] w-64 flex-col rounded-xl border bg-card/85 p-2.5 shadow-lg backdrop-blur"> // w-72 + inner pr (owner, 2026-09-20): the scrollbar used to
<div className="flex flex-col gap-2 overflow-y-auto"> // press against the content — the panel widens so the scroll
// gutter gets real air. Spacing concentric: content -> 10px
// (pr-2.5) -> scrollbar -> 10px (p-2.5) -> panel edge. The
// scrollbar itself does NOT move: it stays pinned at the same
// distance from the panel's right border.
<div className="absolute right-0 top-full mt-2 flex max-h-[60vh] w-72 flex-col rounded-xl border bg-card/85 p-2.5 shadow-lg backdrop-blur">
<div className="flex flex-col gap-2 overflow-y-auto pr-2.5">
{/* Size/zoom/region sliders: LADDER-mapped 0-100, step 10 (11 {/* Size/zoom/region sliders: LADDER-mapped 0-100, step 10 (11
stops, every DEFAULT dead-center at 50, every value a nice stops, every DEFAULT dead-center at 50, every value a nice
number — src/core/render-settings.ts). Physics keeps the number — src/core/render-settings.ts). Physics keeps the