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

feat: discussion sub-tab navigation for annotation threads (#60) #63

Merged
marcel merged 17 commits from feat/60-discussion-panel-tabs into main 2026-03-25 12:38:45 +01:00
Conversation 0 Commits 17 Files Changed 14 +4 -4
2 changed files with 4 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files
Showing only changes of commit f18649fb79 - Show all commits

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

@@ -68,7 +68,6 @@ let {
}: Props = $props(); }: Props = $props();
const MIN_HEIGHT = 52; // drag handle (8px) + tab bar (~44px) const MIN_HEIGHT = 52; // drag handle (8px) + tab bar (~44px)
const DEFAULT_HEIGHT = 320;
let isDragging = $state(false); let isDragging = $state(false);
let dragStartY = 0; let dragStartY = 0;
@@ -78,7 +77,7 @@ function openTab(tab: Tab) {
activeTab = tab; activeTab = tab;
if (!open) { if (!open) {
open = true; 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; open = false;
} else { } else {
open = true; 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'; const LS_KEY_TAB = 'doc-panel-tab';
let panelOpen = $state(false); let panelOpen = $state(false);
let panelHeight = $state(320); let panelHeight = $state(0); // set to 80vh on mount
let activeTab = $state<Tab>('metadata'); let activeTab = $state<Tab>('metadata');
let localStorageRestored = $state(false); let localStorageRestored = $state(false);
@@ -85,6 +85,7 @@ onMount(() => {
if (savedTab && ['metadata', 'transcription', 'discussion', 'history'].includes(savedTab)) { if (savedTab && ['metadata', 'transcription', 'discussion', 'history'].includes(savedTab)) {
activeTab = savedTab as Tab; activeTab = savedTab as Tab;
} }
panelHeight = Math.floor(window.innerHeight * 0.8);
if (savedHeight) { if (savedHeight) {
const h = parseInt(savedHeight, 10); const h = parseInt(savedHeight, 10);
if (!isNaN(h) && h >= 80) panelHeight = h; if (!isNaN(h) && h >= 80) panelHeight = h;