diff options
| author | Wolfgang Müller | 2025-02-13 19:12:36 +0100 |
|---|---|---|
| committer | Wolfgang Müller | 2025-02-13 19:12:36 +0100 |
| commit | fc92c14cc47e90f997813156905369a2652dc4b8 (patch) | |
| tree | 1ab5d3909bd79487f3b41778f40c4b6de61b218f | |
| parent | 618f72b31d57ac17f475dbe983a31627cff3b96e (diff) | |
| download | hircine-fc92c14cc47e90f997813156905369a2652dc4b8.tar.gz | |
frontend: Expand toolbar automatically with filters present
| -rw-r--r-- | frontend/src/lib/toolbar/Toolbar.svelte | 5 | ||||
| -rw-r--r-- | frontend/src/routes/comics/+page.svelte | 3 |
2 files changed, 5 insertions, 3 deletions
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 @@ <Head section="Comics" /> <Column> - <Toolbar> + <Toolbar expand={filterSize > 0}> {#snippet start()} <SelectionControls> <MarkSelection> |