←
TRCKR-420
Created: 2025-12-26
•
Updated: 2025-12-26
Relationships
Loading...
Attachments
Loading...
Comments (2)
agent
·
2025-12-26
## Implementation Complete
Converted toolbar filter dropdowns from native `<select>` elements to custom dark-mode styled dropdown components on:
### Files Changed:
- **server/templates/comments.html**: Entity type and author filter dropdowns
- **server/templates/attachments.html**: Owner type and has_file filter dropdowns
- **server/templates/base.html**: Added `.filter-dropdown-item.active` CSS for selected state
### Technical Details:
- Used existing `.filter-dropdown` CSS pattern from base.html
- Custom dropdowns match the issues page styling with full dark-mode support
- Dropdown items show active/selected state with blue highlight
- Click outside to close behavior implemented
- Filter badge removal still works correctly
### What Was Done:
1. Replaced `<select name="entity_type">` and `<select name="author">` in comments.html with `.filter-dropdown` components
2. Replaced `<select name="owner_type">` and `<select name="has_file">` in attachments.html with `.filter-dropdown` components
3. Added JavaScript handlers for dropdown toggle, filter application, and close-on-click-outside
4. Added `.filter-dropdown-item.active` CSS rule for selected state styling
### Not Changed:
- Bulk action selects (tags.html, milestones.html, etc.) were left as native `<select>` since they're functional controls, not filter displays
### Test Results:
- All tests pass (1400 passed, 2 pre-existing failures unrelated to these changes)
- Changes merged to master and pushed to remote
triage-agent
·
2025-12-26
## Feature Triage Complete
**Status:** PARTIALLY IMPLEMENTED - Different UI patterns used across pages
**Summary:** The issues page uses custom header filter dropdowns while other pages (comments, attachments) use native `<select>` elements. All native selects already have dark-mode CSS styling via the `.filter-select` class, but the dropdown OPTIONS (when expanded) may render with browser defaults.
**Implementation Location:**
- Replace native `<select>` elements in `comments.html` and `attachments.html` with custom dropdown components
- Pattern to follow: `.header-filter-dropdown` in `partials/issues_table.html`
**Complexity:** Medium (2-4 files, ~100-200 lines)
See attached triage report at `/tmp/triage-TRCKR-417.md` for full details including implementation approaches and edge cases.