Skip to content

Commit 4ddc67a

Browse files
committed
Better scroll-bars for the TopNav dropdowns
1 parent 4cf963e commit 4ddc67a

File tree

1 file changed

+8
-0
lines changed

1 file changed

+8
-0
lines changed

src/lib/components/furniture/TopNav.svelte

Lines changed: 8 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -362,6 +362,9 @@
362362
max-height: 80vh;
363363
overflow-y: auto;
364364
overflow-x: visible;
365+
366+
scrollbar-width: thin;
367+
scrollbar-color: color-mix(in srgb, var(--color-primary), transparent 10%) transparent;
365368
}
366369
367370
.dropdown-link {
@@ -514,6 +517,11 @@
514517
pointer-events: auto;
515518
white-space: normal;
516519
520+
max-height: 80vh;
521+
overflow-y: auto;
522+
scrollbar-width: thin;
523+
scrollbar-color: color-mix(in srgb, var(--color-primary), transparent 10%) transparent;
524+
517525
// Smart positioning: try right first, auto-fallback to left
518526
left: calc(100% + 0.5rem);
519527
transform-origin: left center;

0 commit comments

Comments
 (0)