summaryrefslogtreecommitdiffstatshomepage
path: root/frontend/src/lib/navigation
diff options
context:
space:
mode:
authorWolfgang Müller2024-11-22 18:17:57 +0100
committerWolfgang Müller2024-11-22 18:17:57 +0100
commit387550086a00b5a1b8221c1528e6f616430e7b3c (patch)
treeb92625ebd3fd658410aa7bce1bdb31e53be72949 /frontend/src/lib/navigation
parent940ef5c245d29b1441bfa1a88c808f637075b109 (diff)
downloadhircine-387550086a00b5a1b8221c1528e6f616430e7b3c.tar.gz
frontend: Improve highlighting of current focusHEADtrunk
Elements now have a consistent style applied to them when in focus. Additionally, select elements will now have an outline when focused, making it easier to notice the currently selected element.
Diffstat (limited to 'frontend/src/lib/navigation')
-rw-r--r--frontend/src/lib/navigation/Link.svelte2
1 files changed, 1 insertions, 1 deletions
diff --git a/frontend/src/lib/navigation/Link.svelte b/frontend/src/lib/navigation/Link.svelte
index 7297a69..be09a36 100644
--- a/frontend/src/lib/navigation/Link.svelte
+++ b/frontend/src/lib/navigation/Link.svelte
@@ -12,7 +12,7 @@
</script>
<li class:active class="items-center hover:bg-indigo-700 [&.active]:bg-indigo-700">
- <a class="flex items-center" {target} {title} {href} use:accelerator={accel}>
+ <a class="focus-background flex items-center" {target} {title} {href} use:accelerator={accel}>
<div class="flex p-3">
<slot />
</div>