From 387550086a00b5a1b8221c1528e6f616430e7b3c Mon Sep 17 00:00:00 2001
From: Wolfgang Müller
Date: Fri, 22 Nov 2024 18:17:57 +0100
Subject: frontend: Improve highlighting of current focus

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.
---
 frontend/src/lib/navigation/Link.svelte | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

(limited to 'frontend/src/lib/navigation/Link.svelte')

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>
-- 
cgit v1.2.3-2-gb3c3

