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

fix(ui): align SortDropdown styling with SearchFilterBar button style
Some checks failed
CI / Unit & Component Tests (push) Has been cancelled
Details
CI / Backend Unit Tests (push) Has been cancelled
Details
CI / Unit & Component Tests (pull_request) Has been cancelled
Details
CI / Backend Unit Tests (pull_request) Has been cancelled
Details

Browse Source 
Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
This commit is contained in:
Marcel
2026-04-06 15:55:55 +02:00
parent 0e13fd194b
commit fc3496abb6
1 changed files with 3 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
frontend/src/lib/components/SortDropdown.svelte
View File

@@ -13,11 +13,11 @@ function toggleDir() {
} }
</script> </script>
<div class="inline-flex items-center gap-1"> <div class="inline-flex items-center">
<select <select
role="combobox" role="combobox"
bind:value={sort} bind:value={sort}
class="border-brand-sand rounded border bg-white px-2 py-1 font-sans text-sm text-brand-navy focus:ring-2 focus:ring-brand-mint focus:outline-none" class="border border-line bg-muted px-4 py-2.5 text-sm font-bold text-ink-2 transition hover:text-ink focus:outline-none focus-visible:ring-2 focus-visible:ring-focus-ring"
> >
<option value="DATE">{m.docs_sort_date()}</option> <option value="DATE">{m.docs_sort_date()}</option>
<option value="TITLE">{m.docs_sort_title()}</option> <option value="TITLE">{m.docs_sort_title()}</option>
@@ -28,7 +28,7 @@ function toggleDir() {
<button <button
type="button" type="button"
onclick={toggleDir} onclick={toggleDir}
class="border-brand-sand hover:bg-brand-sand flex items-center justify-center rounded border bg-white px-2 py-1 text-sm text-brand-navy transition-colors" class="-ml-px flex items-center justify-center border border-line bg-muted px-3 py-2.5 text-sm font-bold text-ink-2 transition hover:text-ink focus:outline-none focus-visible:ring-2 focus-visible:ring-focus-ring"
aria-label={dir === 'asc' ? 'Aufsteigend sortieren' : 'Absteigend sortieren'} aria-label={dir === 'asc' ? 'Aufsteigend sortieren' : 'Absteigend sortieren'}
> >
{dir === 'asc' ? '↑' : '↓'} {dir === 'asc' ? '↑' : '↓'}