style: standardise link hover underline (2px, offset-4, accent) globally
Some checks failed
CI / Unit & Component Tests (push) Has been cancelled
CI / Backend Unit Tests (push) Has been cancelled
CI / E2E Tests (push) Has been cancelled
CI / Unit & Component Tests (pull_request) Successful in 2m35s
CI / Backend Unit Tests (pull_request) Failing after 2m22s
CI / E2E Tests (pull_request) Failing after 1h23m35s

Move text-decoration-thickness/underline-offset into the global a:hover
base rule so every link that shows an underline on hover gets identical
treatment: 2px thick, 4px offset, accent colour.

Remove the now-redundant per-component decoration-brand-mint / decoration-
accent / decoration-2 / underline-offset-{2,4} utilities from DocumentList,
enrich, persons, PersonDocumentList, and PanelMetadata.

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
This commit was merged in pull request #151.
This commit is contained in:
Marcel
2026-03-29 12:35:06 +02:00
parent b1f82d91d2
commit 6b15ea8b1f
7 changed files with 8 additions and 14 deletions

View File

@@ -74,9 +74,7 @@ const count = $derived(documents.length);
<li class="group transition-colors duration-200 hover:bg-muted">
<a href="/enrich/{doc.id}" class="flex items-center justify-between p-6">
<div class="min-w-0 flex-1">
<p
class="font-serif text-lg font-medium text-ink decoration-accent decoration-2 underline-offset-4 group-hover:underline"
>
<p class="font-serif text-lg font-medium text-ink group-hover:underline">
{doc.title}
</p>
</div>

View File

@@ -31,7 +31,7 @@ import { m } from '$lib/paraglide/messages.js';
<a
href="/enrich"
class="font-sans text-xs text-ink-2 underline-offset-4 transition-colors hover:text-ink hover:underline"
class="font-sans text-xs text-ink-2 transition-colors hover:text-ink hover:underline"
>
{m.enrich_back_to_list()}
</a>