diff options
| author | Wolfgang Müller | 2025-02-14 16:33:13 +0100 |
|---|---|---|
| committer | Wolfgang Müller | 2025-02-14 16:33:13 +0100 |
| commit | 2648650c12471a24a29e4e9a4e2ac77940cd96ff (patch) | |
| tree | 59c6796f7c296de20624434ef2ecbafe73e9cedd /frontend/src/lib/navigation/Link.svelte | |
| parent | 5f64054ba7cd4d275c820cbbfa9232017d708b3d (diff) | |
| download | hircine-2648650c12471a24a29e4e9a4e2ac77940cd96ff.tar.gz | |
frontend: Further improve highlight focus
Diffstat (limited to 'frontend/src/lib/navigation/Link.svelte')
| -rw-r--r-- | frontend/src/lib/navigation/Link.svelte | 10 |
1 files changed, 8 insertions, 2 deletions
diff --git a/frontend/src/lib/navigation/Link.svelte b/frontend/src/lib/navigation/Link.svelte index 9c7e218..d18fe3e 100644 --- a/frontend/src/lib/navigation/Link.svelte +++ b/frontend/src/lib/navigation/Link.svelte @@ -22,8 +22,14 @@ }); </script> -<li class:active class="items-center hover:bg-indigo-700 [&.active]:bg-indigo-700"> - <a class="focus-background flex items-center" {target} {title} {href} use:accelerator={accel}> +<li class:active class="items-center hover:bg-slate-600 [&.active]:bg-indigo-700"> + <a + class="flex items-center focus-visible:bg-slate-600 focus-visible:outline-hidden" + {target} + {title} + {href} + use:accelerator={accel} + > <div class="flex p-3"> {@render children?.()} </div> |