igm/publisher-dashboard
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Fix dropdown alignment to respect viewport edges

Browse Source 
- Org switcher: align="start" keeps dropdown away from top of viewport
- User menu: align="end" keeps dropdown away from bottom of viewport

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
This commit is contained in:
RevIQ
2026-01-10 17:29:36 +08:00
parent 40df74fdd0
commit bd5bb5f5ef
2 changed files with 2 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
apps/publisher-dashboard/src/lib/components/layout/org-switcher.svelte
View File

@@ -43,7 +43,7 @@ function handleOrgSelect(slug: string) {
</button> </button>
{/snippet} {/snippet}
</DropdownMenu.Trigger> </DropdownMenu.Trigger>
<DropdownMenu.Content class="w-56" side="right" sideOffset={8}> <DropdownMenu.Content class="w-56" side="right" align="start" sideOffset={8}>
<DropdownMenu.Label>Organizations</DropdownMenu.Label> <DropdownMenu.Label>Organizations</DropdownMenu.Label>
<DropdownMenu.Separator /> <DropdownMenu.Separator />
{#if orgsQuery.isPending} {#if orgsQuery.isPending}

2
apps/publisher-dashboard/src/lib/components/layout/user-menu.svelte
View File

@@ -70,7 +70,7 @@ async function handleSignOut() {
</button> </button>
{/snippet} {/snippet}
</DropdownMenu.Trigger> </DropdownMenu.Trigger>
<DropdownMenu.Content class="w-64" side="right" sideOffset={8}> <DropdownMenu.Content class="w-64" side="right" align="end" sideOffset={8}>
<!-- User info header --> <!-- User info header -->
<div class="flex items-center gap-3 p-2"> <div class="flex items-center gap-3 p-2">
{#if user?.avatarUrl} {#if user?.avatarUrl}