marcel/familienarchiv
1
0
Fork 0
Code Issues 127 Pull Requests 2 Actions Packages Projects Releases Wiki Activity

fix(enrich): restore fixed-position layout and done icon
Some checks failed
CI / Unit & Component Tests (push) Has been cancelled
Details
CI / Backend Unit Tests (push) Has been cancelled
Details
CI / E2E Tests (push) Has been cancelled
Details
CI / Unit & Component Tests (pull_request) Successful in 3m39s
Details
CI / Backend Unit Tests (pull_request) Successful in 2m39s
Details
CI / E2E Tests (pull_request) Failing after 30m26s
Details

Browse Source 
Re-applies the scroll fix from 0d3c557 which was missing from this branch:
- measure header height at mount, use it as top offset instead of hardcoded 68px
- fix done page icon to Check-Double-LG

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
This commit is contained in:
Marcel
2026-03-26 15:51:15 +01:00
parent 99e3163c0e
commit 648bdffe4f
2 changed files with 8 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

9
frontend/src/routes/enrich/[id]/+page.svelte
View File

@@ -1,6 +1,6 @@
<script lang="ts"> <script lang="ts">
import { enhance } from '$app/forms'; import { enhance } from '$app/forms';
import { untrack } from 'svelte'; import { onMount, untrack } from 'svelte';
import { m } from '$lib/paraglide/messages.js'; import { m } from '$lib/paraglide/messages.js';
import DocumentViewer from '$lib/components/DocumentViewer.svelte'; import DocumentViewer from '$lib/components/DocumentViewer.svelte';
import WhoWhenSection from '$lib/components/document/WhoWhenSection.svelte'; import WhoWhenSection from '$lib/components/document/WhoWhenSection.svelte';
@@ -15,6 +15,11 @@ let fileUrl = $state('');
let fileError = $state(''); let fileError = $state('');
let isLoading = $state(false); let isLoading = $state(false);
let navHeight = $state(0);
onMount(() => {
navHeight = document.querySelector('header')?.getBoundingClientRect().height ?? 0;
});
// Dummy bindable state required by DocumentViewer // Dummy bindable state required by DocumentViewer
let annotateMode = $state(false); let annotateMode = $state(false);
let activeAnnotationId = $state<string | null>(null); let activeAnnotationId = $state<string | null>(null);
@@ -52,7 +57,7 @@ let selectedReceivers = $state(untrack(() => doc.receivers ?? []));
<title>{doc.title || doc.originalFilename || 'Dokument'} — Anreicherung</title> <title>{doc.title || doc.originalFilename || 'Dokument'} — Anreicherung</title>
</svelte:head> </svelte:head>
<div class="flex h-[calc(100vh-68px)] flex-col"> <div class="fixed inset-x-0 bottom-0 flex flex-col" style="top: {navHeight}px">
<!-- Top bar --> <!-- Top bar -->
<div class="flex items-center justify-between border-b border-line bg-surface px-6 py-3"> <div class="flex items-center justify-between border-b border-line bg-surface px-6 py-3">
<a <a

2
frontend/src/routes/enrich/done/+page.svelte
View File

@@ -7,7 +7,7 @@ import { m } from '$lib/paraglide/messages.js';
class="border-brand-sand flex flex-col items-center justify-center rounded-sm border bg-white py-20 text-center shadow-sm" class="border-brand-sand flex flex-col items-center justify-center rounded-sm border bg-white py-20 text-center shadow-sm"
> >
<img <img
src="/degruyter-icons/Simple/Large-32px/SVG/Action/Check/Check-Circle-LG.svg" src="/degruyter-icons/Simple/Large-32px/SVG/Action/Check/Check-Double-LG.svg"
alt="" alt=""
aria-hidden="true" aria-hidden="true"
class="mb-6 h-16 w-16" class="mb-6 h-16 w-16"