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

fix(geschichten): restore uppercase tracking-wider on filter pills

Browse Source 
The All pill and active person-chip buttons lost uppercase + tracking-wider
relative to the DocumentFilterChip pattern. Restore them to maintain
visual consistency across all filter pill variants.

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
This commit is contained in:
Marcel
2026-06-12 13:34:21 +02:00
parent 2cd74690ce
commit 8e228d3c5f
1 changed files with 2 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
frontend/src/routes/geschichten/+page.svelte
View File

@@ -80,7 +80,7 @@ function removeDocument() {
type="button" type="button"
aria-pressed={!hasFilters} aria-pressed={!hasFilters}
onclick={clearAll} onclick={clearAll}
class="inline-flex h-11 items-center rounded-full border border-line px-3 font-sans text-xs font-semibold text-ink-2 hover:bg-muted aria-pressed:border-primary aria-pressed:bg-primary aria-pressed:text-primary-fg" class="inline-flex h-11 items-center rounded-full border border-line px-3 font-sans text-xs font-semibold tracking-wider text-ink-2 uppercase hover:bg-muted aria-pressed:border-primary aria-pressed:bg-primary aria-pressed:text-primary-fg"
> >
{m.geschichten_filter_all_pill()} {m.geschichten_filter_all_pill()}
</button> </button>
@@ -91,7 +91,7 @@ function removeDocument() {
aria-pressed="true" aria-pressed="true"
aria-label={m.geschichten_filter_remove_chip({ name: p.displayName })} aria-label={m.geschichten_filter_remove_chip({ name: p.displayName })}
onclick={() => removePerson(p.id!)} onclick={() => removePerson(p.id!)}
class="inline-flex h-11 items-center gap-1.5 rounded-full border border-primary bg-primary px-3 font-sans text-xs font-semibold text-primary-fg" class="inline-flex h-11 items-center gap-1.5 rounded-full border border-primary bg-primary px-3 font-sans text-xs font-semibold tracking-wider text-primary-fg uppercase"
> >
{p.displayName} {p.displayName}
<span aria-hidden="true">×</span> <span aria-hidden="true">×</span>