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

feat(search): extended search, sort options, live tag filter, result count #183

Merged
marcel merged 26 commits from feat/issue-180-extended-search-sort into main 2026-04-06 19:18:12 +02:00
Conversation 7 Commits 26 Files Changed 27 +3 -3
1 changed files with 3 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files
Showing only changes of commit fc3496abb6 - Show all commits

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' ? '↑' : '↓'}