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

feat(frontend): open bottom panel at full height (80vh) by default

Browse Source 
Panel now opens to 80 % of the viewport height so the user can immediately
read comments and metadata without having to drag it up first.
The user can drag the top handle down to make it smaller; that size is
persisted to localStorage and restored on the next visit.

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
This commit is contained in:
Marcel
2026-03-24 23:06:42 +01:00
parent a392e85f43
commit f18649fb79
2 changed files with 4 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

5
frontend/src/lib/components/DocumentBottomPanel.svelte
View File

@@ -68,7 +68,6 @@ let {
}: Props = $props();
const MIN_HEIGHT = 52; // drag handle (8px) + tab bar (~44px)
const DEFAULT_HEIGHT = 320;
let isDragging = $state(false);
let dragStartY = 0;
@@ -78,7 +77,7 @@ function openTab(tab: Tab) {
activeTab = tab;
if (!open) {
open = true;
if (height <= MIN_HEIGHT) height = DEFAULT_HEIGHT;
if (height <= MIN_HEIGHT) height = Math.floor(window.innerHeight * 0.8);
}
}
@@ -104,7 +103,7 @@ function onDragMove(e: PointerEvent) {
open = false;
} else {
open = true;
height = Math.max(DEFAULT_HEIGHT / 4, Math.min(newHeight, maxHeight));
height = Math.max(80, Math.min(newHeight, maxHeight));
}
}

3
frontend/src/routes/documents/[id]/+page.svelte
View File

@@ -73,7 +73,7 @@ const LS_KEY_HEIGHT = 'doc-panel-height';
const LS_KEY_TAB = 'doc-panel-tab';
let panelOpen = $state(false);
let panelHeight = $state(320);
let panelHeight = $state(0); // set to 80vh on mount
let activeTab = $state<Tab>('metadata');
let localStorageRestored = $state(false);
@@ -85,6 +85,7 @@ onMount(() => {
if (savedTab && ['metadata', 'transcription', 'discussion', 'history'].includes(savedTab)) {
activeTab = savedTab as Tab;
}
panelHeight = Math.floor(window.innerHeight * 0.8);
if (savedHeight) {
const h = parseInt(savedHeight, 10);
if (!isNaN(h) && h >= 80) panelHeight = h;