NotS1mp/Musify
0
0
Fork 0
Code Issues 23 Pull Requests Actions Packages Projects Releases Wiki Activity

fix(frontend): stop clipping the add-to-playlist submenu

Browse Source 
The redesign added overflow-hidden to the outer menu panel to round its corners, but the playlist submenu is absolutely positioned outside that panel's box (left-full/right-full), so it got clipped invisible. Restored the previous approach: rows get their own rounded-lg inside a padded (not overflow-hidden) panel.
This commit is contained in:
Admin
2026-07-16 22:47:14 +02:00
parent 7be5d22cb7
commit 05ed7aec2e
1 changed files with 3 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files
frontend/src/routes/(app)/explore/+page.svelte
+3 -3
View File
@@ -389,20 +389,20 @@
}} }}
></div> ></div>
<div <div
class="fixed z-40 w-60 overflow-hidden rounded-xl border border-[var(--mf-border)] bg-[var(--mf-elevated)] py-1.5 shadow-[0_12px_28px_-10px_rgba(0,0,0,0.6)]" class="fixed z-40 w-60 rounded-xl border border-[var(--mf-border)] bg-[var(--mf-elevated)] p-1.5 shadow-[0_12px_28px_-10px_rgba(0,0,0,0.6)]"
style="left:{contextMenu.x}px; top:{contextMenu.y}px;" style="left:{contextMenu.x}px; top:{contextMenu.y}px;"
> >
<button <button
type="button" type="button"
onclick={() => addToQueue(contextMenu)} onclick={() => addToQueue(contextMenu)}
class="flex w-full items-center gap-3 px-3 py-2.5 text-left text-sm font-semibold text-[var(--mf-text-2)] transition hover:bg-white/5" class="flex w-full items-center gap-3 rounded-lg px-3 py-2.5 text-left text-sm font-semibold text-[var(--mf-text-2)] transition hover:bg-white/5"
> >
<ListPlus class="h-[18px] w-[18px] shrink-0" strokeWidth={2} /> <ListPlus class="h-[18px] w-[18px] shrink-0" strokeWidth={2} />
<span>Añadir a la cola</span> <span>Añadir a la cola</span>
</button> </button>
<div class="group/addmenu relative"> <div class="group/addmenu relative">
<div <div
class="flex items-center justify-between gap-3 px-3 py-2.5 text-sm font-semibold text-[var(--mf-text-2)] transition group-hover/addmenu:bg-white/5" class="flex items-center justify-between gap-3 rounded-lg px-3 py-2.5 text-sm font-semibold text-[var(--mf-text-2)] transition group-hover/addmenu:bg-white/5"
> >
<span>Añadir a una playlist</span> <span>Añadir a una playlist</span>
<ChevronRight class="h-4 w-4 shrink-0 text-[var(--mf-text-3)]" /> <ChevronRight class="h-4 w-4 shrink-0 text-[var(--mf-text-3)]" />