diff options
| author | Wolfgang Müller | 2025-02-20 16:09:08 +0100 |
|---|---|---|
| committer | Wolfgang Müller | 2025-02-21 12:12:48 +0100 |
| commit | 000a1e8a33ac3f1dea00ca21aac0f1771a0325f0 (patch) | |
| tree | 66a9679a3f2d8f2833afa62101fb58e92adf4e6e /frontend/src/lib/toolbar | |
| parent | 18c8719b74b1510ad82b686333071bcc10d68e30 (diff) | |
| download | hircine-000a1e8a33ac3f1dea00ca21aac0f1771a0325f0.tar.gz | |
frontend: Rework and improve accelerators
This commit switches around a couple of existing accelerators to make
them easier to activate with just the left hand on the keyboard and more
easily allow the addition of accelerators for all filter fields.
Diffstat (limited to '')
| -rw-r--r-- | frontend/src/lib/toolbar/FilterOrganized.svelte | 2 | ||||
| -rw-r--r-- | frontend/src/lib/toolbar/Search.svelte | 2 | ||||
| -rw-r--r-- | frontend/src/lib/toolbar/ToggleAdvancedFilters.svelte | 3 |
3 files changed, 5 insertions, 2 deletions
diff --git a/frontend/src/lib/toolbar/FilterOrganized.svelte b/frontend/src/lib/toolbar/FilterOrganized.svelte index 0f95e5f..9fc9d21 100644 --- a/frontend/src/lib/toolbar/FilterOrganized.svelte +++ b/frontend/src/lib/toolbar/FilterOrganized.svelte @@ -24,7 +24,7 @@ class="btn-slate" title="Filter organized" onclick={toggle} - use:accelerator={'o'} + use:accelerator={'z'} > <Organized tristate {organized} /> </button> diff --git a/frontend/src/lib/toolbar/Search.svelte b/frontend/src/lib/toolbar/Search.svelte index 4806971..d5971bc 100644 --- a/frontend/src/lib/toolbar/Search.svelte +++ b/frontend/src/lib/toolbar/Search.svelte @@ -19,5 +19,5 @@ placeholder="Search {name}..." bind:value={field} use:debounce={{ callback: () => filter.apply(page.url.searchParams) }} - use:accelerator={'F'} + use:accelerator={'q'} /> diff --git a/frontend/src/lib/toolbar/ToggleAdvancedFilters.svelte b/frontend/src/lib/toolbar/ToggleAdvancedFilters.svelte index ee07902..2ef63f4 100644 --- a/frontend/src/lib/toolbar/ToggleAdvancedFilters.svelte +++ b/frontend/src/lib/toolbar/ToggleAdvancedFilters.svelte @@ -1,6 +1,7 @@ <script lang="ts"> import { page } from '$app/state'; import { navigate } from '$lib/Navigation'; + import { accelerator } from '$lib/Shortcuts'; import { slideXFast } from '$lib/Transitions'; import Badge from '$lib/components/Badge.svelte'; import { slide } from 'svelte/transition'; @@ -19,6 +20,7 @@ class="btn-slate relative" title={`${expanded ? 'Hide' : 'Show'} filters`} onclick={toggle} + use:accelerator={'F'} > {#if expanded} <span class="icon-base icon-[material-symbols--filter-alt]"></span> @@ -34,6 +36,7 @@ transition:slide={slideXFast} title="Reset filters" aria-label="Reset filters" + use:accelerator={'X'} > <div class="flex"> <span class="icon-base icon-[material-symbols--filter-alt-off]"></span> |