bvandeusen/minstrel
1
0
Fork 0
Code Issues 1 Pull Requests Actions Packages Projects Releases 39 Wiki Activity

fix(web): drop-up Add-to-playlist submenu, hide horizontal scroll row scrollbar

Browse Source 
- AddToPlaylistMenu: anchor submenu bottom to parent bottom so it
  grows upward (top-0 → bottom-0) — kebab row is usually near the
  bottom of the track menu and the submenu kept extending off-screen.
- HorizontalScrollRow: scrollbar-width: none + ::-webkit-scrollbar
  display:none. Page arrows already drive the scroll; the scrollbar
  was just consuming vertical real estate.
This commit is contained in:
Bryan Van Deusen
2026-05-03 14:04:07 -04:00
parent 16a692e81a
commit 4b101481fc
2 changed files with 5 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files
web/src/lib/components/AddToPlaylistMenu.svelte
+1 -1
View File
@@ -68,7 +68,7 @@
<div <div
role="menu" role="menu"
aria-label="Add to playlist" aria-label="Add to playlist"
class="absolute right-full top-0 z-30 mr-1 w-56 rounded-md border border-border bg-surface p-1 shadow-lg" class="absolute right-full bottom-0 z-30 mr-1 w-56 rounded-md border border-border bg-surface p-1 shadow-lg"
onclick={(e) => e.stopPropagation()} onclick={(e) => e.stopPropagation()}
> >
{#each ownPlaylists as p (p.id)} {#each ownPlaylists as p (p.id)}
web/src/lib/components/HorizontalScrollRow.svelte
+4 -1
View File
@@ -127,7 +127,10 @@
} }
.scroller { .scroller {
scroll-snap-type: x mandatory; scroll-snap-type: x mandatory;
scrollbar-width: thin; scrollbar-width: none;
}
.scroller::-webkit-scrollbar {
display: none;
} }
/* Cards are two levels deep (.scroller > .track > .rack > card-wrapper), /* Cards are two levels deep (.scroller > .track > .rack > card-wrapper),
so target them via the rack. flex-shrink: 0 keeps each card at its so target them via the rack. flex-shrink: 0 keeps each card at its