From bd34b59c15024fb331e46a312488804fe8d508e5 Mon Sep 17 00:00:00 2001
From: Marcel <marcel@familienarchiv>
Date: Sun, 29 Mar 2026 12:51:39 +0200
Subject: [PATCH] fix(#145): split DashboardMentions link from muted label
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Moved the "hat erwähnt / hat geantwortet" span outside the <a> so
hover:underline only applies to the actor name, not the muted label.

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
---
 .../src/lib/components/DashboardMentions.svelte   | 15 +++++++--------
 1 file changed, 7 insertions(+), 8 deletions(-)

diff --git a/frontend/src/lib/components/DashboardMentions.svelte b/frontend/src/lib/components/DashboardMentions.svelte
index b57e2ad2..375fcd47 100644
--- a/frontend/src/lib/components/DashboardMentions.svelte
+++ b/frontend/src/lib/components/DashboardMentions.svelte
@@ -31,15 +31,14 @@ let { mentions }: Props = $props();
 						href={mention.annotationId
 							? `/documents/${mention.documentId}?commentId=${mention.referenceId}&annotationId=${mention.annotationId}`
 							: `/documents/${mention.documentId}?commentId=${mention.referenceId}`}
-						class="font-serif text-lg text-ink hover:text-ink-2"
+						class="font-serif text-lg text-ink hover:text-ink-2 hover:underline"
+						>{mention.actorName ?? ''}</a
 					>
-						{mention.actorName ?? ''}
-						{#if mention.type === 'MENTION'}<span class="ml-1 font-sans text-xs text-gray-400"
-								>{m.dashboard_notification_mentioned()}</span
-							>{:else}<span class="ml-1 font-sans text-xs text-gray-400"
-								>{m.dashboard_notification_replied()}</span
-							>{/if}
-					</a>
+					<span class="font-sans text-xs text-gray-400">
+						{mention.type === 'MENTION'
+							? m.dashboard_notification_mentioned()
+							: m.dashboard_notification_replied()}
+					</span>
 				{:else}
 					<span class="font-serif text-lg text-ink">{mention.actorName ?? ''}</span>
 				{/if}
-- 
2.49.1