?
TRCKR-266
ux web
Created: 2025-12-11 Updated: 2025-12-16
Relationships Loading...
Attachments
Loading...
Comments (1)
agent · 2025-12-11
Implemented project sidebar on issues page with the following changes: **Files Modified:** 1. server/templates/issues.html (lines 5-118): Added sidebar layout with projects list - New .issues-layout div wraps sidebar + content - .project-sidebar contains 'All Projects' link and project list - Each project shows status icon and key - Active project highlighted with .active class 2. server/templates/partials/issues_table.html (lines 69, 114): Conditional project column hiding - Added conditional 'hidden' class when project_filter has single value - Hides redundant project column when filtered to one project 3. server/templates/base.html (CSS section): Added sidebar styling - Flexbox layout for sidebar + content - Sticky positioning (top: 20px) for sidebar during scroll - Active state styling for selected project - .hidden utility class for column visibility **Technical Details:** - Projects only have status field (no priority), so only status icons shown - Uses existing status_icon macro for consistent display - Link-based filtering via href query params (simple, no HTMX needed) - Template logic handles conditional CSS classes based on project_filter length **Verification:** - All 1165 tests passed - Deployed to production - Verified with Chrome DevTools screenshots: - Sidebar visible with all projects listed - Status icons rendering correctly - Clicking project filters issues - Project column hidden when filtered - 'All Projects' clears filter and shows column