fix(#240): fix invisible hover on column 1 & 2 doc links

brand-sand/30 on white background is near-invisible; use full
hover:bg-brand-sand instead.

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
This commit is contained in:
Marcel
2026-04-16 10:22:06 +02:00
parent 4af2e4ad17
commit 48152517aa
2 changed files with 2 additions and 2 deletions

View File

@@ -51,7 +51,7 @@ function formatDate(dateStr: string): string {
<li> <li>
<a <a
href="/documents/{doc.id}" href="/documents/{doc.id}"
class="hover:bg-brand-sand/30 flex min-h-[44px] flex-col justify-center rounded px-1 py-2 focus-visible:ring-2 focus-visible:ring-brand-navy focus-visible:ring-offset-2 focus-visible:outline-none" class="hover:bg-brand-sand flex min-h-[44px] flex-col justify-center rounded px-1 py-2 focus-visible:ring-2 focus-visible:ring-brand-navy focus-visible:ring-offset-2 focus-visible:outline-none"
> >
<div class="flex flex-wrap items-center gap-1.5"> <div class="flex flex-wrap items-center gap-1.5">
<span class="font-serif text-sm text-ink">{doc.title}</span> <span class="font-serif text-sm text-ink">{doc.title}</span>

View File

@@ -56,7 +56,7 @@ function blockProgress(doc: TranscriptionQueueItemDTO): number {
<li> <li>
<a <a
href="/documents/{doc.id}" href="/documents/{doc.id}"
class="hover:bg-brand-sand/30 flex min-h-[44px] flex-col justify-center rounded px-1 py-2 focus-visible:ring-2 focus-visible:ring-brand-navy focus-visible:ring-offset-2 focus-visible:outline-none" class="hover:bg-brand-sand flex min-h-[44px] flex-col justify-center rounded px-1 py-2 focus-visible:ring-2 focus-visible:ring-brand-navy focus-visible:ring-offset-2 focus-visible:outline-none"
> >
<div class="flex flex-wrap items-center gap-1.5"> <div class="flex flex-wrap items-center gap-1.5">
<span class="font-serif text-sm text-ink">{doc.title}</span> <span class="font-serif text-sm text-ink">{doc.title}</span>