chore(quotesdb): add ticket for collapsible filter panel on browse page

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
main
Elijah Voigt 3 months ago
parent d9099c5585
commit 8a538b1d28

@ -0,0 +1,46 @@
+++
title = "quotesdb/ui: collapsible filter panel on browse page"
priority = 5
status = "todo"
ticket_type = "feature"
dependencies = []
+++
## Summary
On the Browse Quotes page (`/browse`), move all filter controls (author, tag, date range) behind a collapsible "Filters" button. Filters are hidden by default and expand when the button is clicked.
## Details
### Filter Button
- A single "Filters" button (or "Filters ▼" / "Filters ▲" to indicate state) sits above the quote list.
- Clicking it toggles the filter panel open or closed.
- The panel is collapsed by default when the page loads.
### Filter Panel Layout
Each filter occupies its own line inside the panel:
1. **Author** — a text input labelled "Author:"
2. **Tag** — a text input labelled "Tag:"
3. **Date range** — displayed as:
`Date: after [date input], before [date input]`
Both date inputs are on the same line, after the "Date:" label.
### Styling
- All three filter rows must be visually consistent with each other (same label width, same input style, same spacing).
- The panel and button should fit the existing site theme.
## Acceptance Criteria
- [ ] Filter controls are hidden by default on `/browse`
- [ ] A "Filters" button toggles the panel open/closed
- [ ] Author, tag, and date range each appear on their own line
- [ ] Date range is labelled `Date: after [input], before [input]`
- [ ] All three filter rows share consistent visual styling
- [ ] Existing filter functionality (querying the API with author/tag/date params) is unchanged
## Validation
Run from `quotesdb/` root:
```sh
cargo fmt && cargo check && cargo clippy
trunk build
```
Loading…
Cancel
Save