marcel/familienarchiv
1
0
Fork 0
Code Issues 127 Pull Requests 2 Actions Packages Projects Releases Wiki Activity

style(search): improve mark hover contrast, remove no-op class, italicize snippet

Browse Source 
Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
This commit is contained in:
Marcel
2026-04-15 19:11:54 +02:00
parent 89d2c47f8f
commit 141511e973
1 changed files with 3 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

5
frontend/src/routes/DocumentList.svelte
View File

@@ -91,7 +91,8 @@ const showDividers = $derived(groupedDocuments.length >= 2);
<div class="mb-2 flex items-baseline justify-between">
<h3 class="font-serif text-xl font-medium text-ink group-hover:underline">
{#each titleSegments as seg, i (i)}
{#if seg.highlight}<mark class="bg-accent/20 text-inherit not-italic"
{#if seg.highlight}<mark
class="bg-accent/20 text-inherit group-hover:bg-accent/30"
>{seg.text}</mark
>{:else}{seg.text}{/if}
{/each}
@@ -125,7 +126,7 @@ const showDividers = $derived(groupedDocuments.length >= 2);
{#if snippet}
<p
data-testid="search-snippet"
class="mb-4 line-clamp-2 font-sans text-sm text-ink-2"
class="mb-4 line-clamp-2 font-sans text-sm text-ink-2 italic"
>
<span class="sr-only">Fundstelle: </span>{snippet}
</p>