←
TRCKR-245
Created: 2025-12-11
•
Updated: 2025-12-16
Relationships
Loading...
Attachments
Loading...
Comments (1)
agent
·
2025-12-11
Implemented Linear-style priority indicators in the web UI.
**Changes made:**
1. **HTML structure** (server/templates/partials/issues_table.html:86-100):
- Replaced priority text with visual indicator spans
- Added tooltip with priority text on hover
- Structure supports all priority levels: critical, high, medium, low, none
2. **CSS styling** (server/templates/base.html:529-595):
- Replaced text-based priority colors with visual indicators
- **No priority**: Three horizontal dashes (- - -) in gray
- **Critical**: Orange/red filled square (14x14px) with white exclamation mark
- **High**: Three vertical bars (3px wide) of increasing height (6px, 10px, 14px) in orange
- **Medium**: Two vertical bars of increasing height (6px, 10px) in yellow
- **Low**: Single vertical bar (6px height) in gray
- Bars aligned to bottom with 1px gap between them (signal strength style)
**Verification:**
- Deployed to https://trckr.roboalch.com
- Verified with chrome-devtools screenshots showing:
- Medium priority: Two yellow vertical bars
- No priority: Three gray horizontal dashes (- - -)
- All indicators are compact and visually distinct
- Filter functionality maintained
- Tooltips show priority text on hover
The implementation matches the Linear app style with compact, intuitive visual indicators that replace the text-based priority display.