style(search): improve mark hover contrast, remove no-op class, italicize snippet
Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
This commit is contained in:
@@ -91,7 +91,8 @@ const showDividers = $derived(groupedDocuments.length >= 2);
|
|||||||
<div class="mb-2 flex items-baseline justify-between">
|
<div class="mb-2 flex items-baseline justify-between">
|
||||||
<h3 class="font-serif text-xl font-medium text-ink group-hover:underline">
|
<h3 class="font-serif text-xl font-medium text-ink group-hover:underline">
|
||||||
{#each titleSegments as seg, i (i)}
|
{#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
|
>{seg.text}</mark
|
||||||
>{:else}{seg.text}{/if}
|
>{:else}{seg.text}{/if}
|
||||||
{/each}
|
{/each}
|
||||||
@@ -125,7 +126,7 @@ const showDividers = $derived(groupedDocuments.length >= 2);
|
|||||||
{#if snippet}
|
{#if snippet}
|
||||||
<p
|
<p
|
||||||
data-testid="search-snippet"
|
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}
|
<span class="sr-only">Fundstelle: </span>{snippet}
|
||||||
</p>
|
</p>
|
||||||
|
|||||||
Reference in New Issue
Block a user