chore(quotesdb): add ticket for collapsible filter panel on browse page
Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>quotesdb
parent
db71399b2f
commit
df3a288c9f
@ -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…
Reference in New Issue