jake/Lumotia
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

agent: fix — task sidebar overlay no longer blocks entire app

Browse Source 
The full-screen backdrop (fixed inset-0 z-40) was eating all pointer
events, making the app unusable when the task sidebar was open. Replace
with a backdrop that only covers the content area (not titlebar) and
sits beside the sidebar rather than wrapping it.

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
This commit is contained in:
Jake
2026-04-03 18:42:06 +01:00
parent ecfffcbf35
commit e08e118e00
1 changed files with 7 additions and 16 deletions
Download Patch File Download Diff File Expand all files Collapse all files

17
src/routes/+layout.svelte
View File

@@ -216,25 +216,16 @@
<!-- Task sidebar as overlay — doesn't shrink main content --> <!-- Task sidebar as overlay — doesn't shrink main content -->
{#if page.taskSidebarOpen && page.current !== "first-run" && !isSecondaryWindow} {#if page.taskSidebarOpen && page.current !== "first-run" && !isSecondaryWindow}
<!-- Backdrop — below titlebar only, closes sidebar on click -->
<!-- svelte-ignore a11y_click_events_have_key_events --> <!-- svelte-ignore a11y_click_events_have_key_events -->
<!-- svelte-ignore a11y_no_static_element_interactions --> <!-- svelte-ignore a11y_no_static_element_interactions -->
<div <div
class="fixed inset-0 z-40" class="fixed top-[36px] left-0 right-[280px] bottom-0 z-40"
onclick={(e) => { if (e.target === e.currentTarget) page.taskSidebarOpen = false; }}
>
<!-- Backdrop tint (click this area to close) -->
<!-- svelte-ignore a11y_no_static_element_interactions -->
<div
class="absolute inset-0 bg-black/10"
onclick={() => { page.taskSidebarOpen = false; }} onclick={() => { page.taskSidebarOpen = false; }}
></div> ></div>
<!-- Sidebar panel (clicks here stay in the sidebar) --> <!-- Sidebar panel -->
<div <div class="fixed top-[36px] right-0 bottom-0 w-[280px] z-50 shadow-xl">
class="absolute top-[36px] right-0 bottom-0 w-[280px] z-50 shadow-xl"
onclick={(e) => e.stopPropagation()}
>
<TaskSidebar /> <TaskSidebar />
</div> </div>
</div>
{/if} {/if}
{/if} {/if}