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

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:
Marcel
2026-03-24 22:53:02 +01:00
parent ee85ce4668
commit 8519fbb48a

View File

@@ -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,7 +149,6 @@ $effect(() => {
}} }}
/> />
</div> </div>
</div>
<DocumentBottomPanel <DocumentBottomPanel
doc={doc} doc={doc}
@@ -163,3 +162,4 @@ $effect(() => {
activeAnnotationId={activeAnnotationId} activeAnnotationId={activeAnnotationId}
activeAnnotationPage={activeAnnotationPage} activeAnnotationPage={activeAnnotationPage}
/> />
</div>