From f7f972bf5cfc80e80ddcda8afe4218d8a0f14624 Mon Sep 17 00:00:00 2001
From: Ronni Skansing <rskansing@gmail.com>
Date: Thu, 19 Feb 2026 00:15:47 +0100
Subject: [PATCH] fix navigation hover on dashboard subpage

Signed-off-by: Ronni Skansing <rskansing@gmail.com>
---
 frontend/src/lib/components/header/DesktopMenu.svelte | 8 ++++++--
 1 file changed, 6 insertions(+), 2 deletions(-)

diff --git a/frontend/src/lib/components/header/DesktopMenu.svelte b/frontend/src/lib/components/header/DesktopMenu.svelte
index 83a4957..39accf9 100644
--- a/frontend/src/lib/components/header/DesktopMenu.svelte
+++ b/frontend/src/lib/components/header/DesktopMenu.svelte
@@ -316,7 +316,11 @@
 								<ConditionalDisplay show={item.blackbox ? 'blackbox' : 'both'}>
 									<a
 										class="flex items-center px-3 py-2 text-sm transition-all duration-150 relative group
-                                        {$page.url.pathname === item.route
+                                        {(
+											item.route === '/dashboard/'
+												? $page.url.pathname.startsWith('/dashboard')
+												: $page.url.pathname === item.route
+										)
 											? 'text-white font-medium bg-active-blue dark:bg-active-blue shadow-md'
 											: 'text-blue-100 dark:text-gray-200 hover:shadow-md hover:bg-highlight-blue/80 dark:hover:bg-highlight-blue/20 hover:text-white dark:hover:text-gray-100'}"
 										class:hidden={shouldHideMenuItem(item.route)}
@@ -341,7 +345,7 @@
 											</span>
 										{/if}
 
-										{#if $page.url.pathname === item.route}
+										{#if item.route === '/dashboard/' ? $page.url.pathname.startsWith('/dashboard') : $page.url.pathname === item.route}
 											<div
 												class="absolute left-0 top-0 bottom-0 w-1 bg-white dark:bg-highlight-blue"
 											></div>