From fc92c14cc47e90f997813156905369a2652dc4b8 Mon Sep 17 00:00:00 2001 From: Wolfgang Müller Date: Thu, 13 Feb 2025 19:12:36 +0100 Subject: frontend: Expand toolbar automatically with filters present --- frontend/src/lib/toolbar/Toolbar.svelte | 5 +++-- frontend/src/routes/comics/+page.svelte | 3 ++- 2 files changed, 5 insertions(+), 3 deletions(-) (limited to 'frontend') diff --git a/frontend/src/lib/toolbar/Toolbar.svelte b/frontend/src/lib/toolbar/Toolbar.svelte index 03cd892..9e961ed 100644 --- a/frontend/src/lib/toolbar/Toolbar.svelte +++ b/frontend/src/lib/toolbar/Toolbar.svelte @@ -11,11 +11,12 @@ center?: Snippet<[ToolbarState]>; end?: Snippet<[ToolbarState]>; expansion?: Snippet; + expand?: boolean; } - let { start, center, end, expansion }: Props = $props(); + let { start, center, end, expansion, expand: expand = false }: Props = $props(); - let expanded = $state(false); + let expanded = $state(expand); function toggle() { expanded = !expanded; diff --git a/frontend/src/routes/comics/+page.svelte b/frontend/src/routes/comics/+page.svelte index 372fd1a..03123be 100644 --- a/frontend/src/routes/comics/+page.svelte +++ b/frontend/src/routes/comics/+page.svelte @@ -51,6 +51,7 @@ }); let filter = $state(new ComicFilterContext(data.filter)); + let filterSize = $derived(filter.includes + filter.excludes); $effect(() => { filter = new ComicFilterContext(data.filter); }); @@ -59,7 +60,7 @@ - + 0}> {#snippet start()} -- cgit v1.2.3-2-gb3c3