fix(frontend): lock document page to viewport with position: fixed
Some checks failed
CI / Unit & Component Tests (push) Has been cancelled
CI / Backend Unit Tests (push) Has been cancelled
CI / E2E Tests (push) Has been cancelled
CI / Unit & Component Tests (pull_request) Successful in 2m20s
CI / Backend Unit Tests (pull_request) Successful in 2m11s
CI / E2E Tests (pull_request) Failing after 26m7s
Some checks failed
CI / Unit & Component Tests (push) Has been cancelled
CI / Backend Unit Tests (push) Has been cancelled
CI / E2E Tests (push) Has been cancelled
CI / Unit & Component Tests (pull_request) Successful in 2m20s
CI / Backend Unit Tests (pull_request) Successful in 2m11s
CI / E2E Tests (pull_request) Failing after 26m7s
The global layout wraps pages in min-h-screen + main.py-6, which pushed the h-screen document container below the sticky nav and caused page-level scrolling. Switching to fixed inset-0 z-50 fully escapes the layout flow: - DocumentTopBar always visible (no scrolling it away) - PDF controls always visible - Only the PDF canvas area scrolls - DocumentBottomPanel moved inside the fixed container (logically grouped) Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
This commit is contained in:
@@ -126,7 +126,7 @@ $effect(() => {
|
|||||||
<title>{doc.title || doc.originalFilename || 'Dokument'}</title>
|
<title>{doc.title || doc.originalFilename || 'Dokument'}</title>
|
||||||
</svelte:head>
|
</svelte:head>
|
||||||
|
|
||||||
<div class="flex h-screen flex-col overflow-hidden bg-white" data-hydrated>
|
<div class="fixed inset-0 z-50 flex flex-col overflow-hidden bg-white" data-hydrated>
|
||||||
<DocumentTopBar
|
<DocumentTopBar
|
||||||
doc={doc}
|
doc={doc}
|
||||||
canWrite={data.canWrite ?? false}
|
canWrite={data.canWrite ?? false}
|
||||||
@@ -149,17 +149,17 @@ $effect(() => {
|
|||||||
}}
|
}}
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
|
||||||
|
|
||||||
<DocumentBottomPanel
|
<DocumentBottomPanel
|
||||||
doc={doc}
|
doc={doc}
|
||||||
comments={(data.comments ?? []) as never[]}
|
comments={(data.comments ?? []) as never[]}
|
||||||
canComment={canComment}
|
canComment={canComment}
|
||||||
currentUserId={currentUserId}
|
currentUserId={currentUserId}
|
||||||
canAdmin={canAdmin}
|
canAdmin={canAdmin}
|
||||||
bind:open={panelOpen}
|
bind:open={panelOpen}
|
||||||
bind:height={panelHeight}
|
bind:height={panelHeight}
|
||||||
bind:activeTab={activeTab}
|
bind:activeTab={activeTab}
|
||||||
activeAnnotationId={activeAnnotationId}
|
activeAnnotationId={activeAnnotationId}
|
||||||
activeAnnotationPage={activeAnnotationPage}
|
activeAnnotationPage={activeAnnotationPage}
|
||||||
/>
|
/>
|
||||||
|
</div>
|
||||||
|
|||||||
Reference in New Issue
Block a user