granblue.team/hensei-web
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

fix collection dropdown menu visibility and trigger style

Browse source
This commit is contained in:
Justin Edmund 2025-12-19 00:53:19 -08:00
parent 3ef4138901
commit 66b8544b33
1 changed files with 8 additions and 25 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

33
src/routes/(app)/[username]/collection/+layout.svelte
View file

@ -223,12 +223,14 @@
{/if} {/if}
<DropdownMenu.Root> <DropdownMenu.Root>
<DropdownMenu.Trigger class="more-menu-trigger"> <DropdownMenu.Trigger>
<Icon name="ellipsis" size={16} /> {#snippet child({ props })}
<Button {...props} variant="ghost" size="icon" icon="ellipsis" />
{/snippet}
</DropdownMenu.Trigger> </DropdownMenu.Trigger>
<DropdownMenu.Portal> <DropdownMenu.Portal>
<DropdownMenu.Content class="dropdown-menu" sideOffset={5} align="end"> <DropdownMenu.Content class="collection-dropdown-menu" sideOffset={5} align="end">
<DropdownItem> <DropdownItem>
<button onclick={handleEnterSelectionMode}> <button onclick={handleEnterSelectionMode}>
<Icon name="check" size={14} /> <Icon name="check" size={14} />
@ -301,28 +303,9 @@
gap: $unit; gap: $unit;
} }
// More menu trigger button // Dropdown menu z-index fix
:global(.more-menu-trigger) { :global(.collection-dropdown-menu) {
display: flex; z-index: 200;
align-items: center;
justify-content: center;
width: $unit-4x;
height: $unit-4x;
border-radius: $item-corner;
border: none;
background: var(--button-contained-bg);
color: var(--text-secondary);
cursor: pointer;
transition: background 0.15s ease;
&:hover {
background: var(--button-contained-bg-hover);
}
&:focus-visible {
outline: 2px solid var(--accent-color);
outline-offset: 2px;
}
} }
// Selection mode controls // Selection mode controls