?
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.