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

- 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:
2026-05-03 14:04:07 -04:00
parent 16a692e81a
commit 4b101481fc
2 changed files with 5 additions and 2 deletions
@@ -68,7 +68,7 @@
<div
role="menu"
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()}
>
{#each ownPlaylists as p (p.id)}
@@ -127,7 +127,10 @@
}
.scroller {
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),
so target them via the rack. flex-shrink: 0 keeps each card at its