SirStone/Project_Management_for_ADHD_wayfinder_test
1
0
Fork 0
Code Issues 3 Pull Requests Actions Projects Releases Wiki Activity

Determine UI layout for legend and view mode selector #3

New Issue
Open
opened 2026-08-02 17:50:07 +02:00 by SirStone · 1 comment
SirStone commented 2026-08-02 17:50:07 +02:00
Owner
Copy Link
Copy Source

Question

Where and how should the project legend and view mode selector be positioned in the Gantt header/UI?

## Question Where and how should the project legend and view mode selector be positioned in the Gantt header/UI?
SirStone commented 2026-08-02 22:39:34 +02:00
Author
Owner
Copy Link
Copy Source

Prototype verdict — coloring system settled

Branch: proto/gantt-colors (run pnpm dev → http://localhost:5173/?proto=colors)

Chosen: Variant D — outline mix + status icons

Status Bar treatment
todo light fill + dashed project-color border
in_progress solid project-color fill
blocked solid project-color fill + thick dashed border + 🔒 icon
overdue solid project-color fill + thick red border + ❗ icon
done near-white fill + faint project-color border (ghost)

All tonal — same project hue throughout, no hue shifts. Icons on blocked/overdue provide a shape channel that survives dense views where borders alone get lost.

The legend must explain: project color → project name, and the 5 tonal/icon treatments → their status meaning.

## Prototype verdict — coloring system settled Branch: `proto/gantt-colors` (run `pnpm dev` → `http://localhost:5173/?proto=colors`) **Chosen: Variant D — outline mix + status icons** | Status | Bar treatment | |---|---| | todo | light fill + dashed project-color border | | in_progress | solid project-color fill | | blocked | solid project-color fill + thick dashed border + 🔒 icon | | overdue | solid project-color fill + thick red border + ❗ icon | | done | near-white fill + faint project-color border (ghost) | All tonal — same project hue throughout, no hue shifts. Icons on blocked/overdue provide a shape channel that survives dense views where borders alone get lost. The legend must explain: project color → project name, and the 5 tonal/icon treatments → their status meaning.
Sign in to join this conversation.
No Branch/Tag Specified
Branches Tags
Labels
Clear labels
wayfinder:grilling
Grilling ticket — resolved through live conversation
No Label
Milestone
No items
No Milestone
Projects
Clear projects
No project
Assignees
Clear assignees
SirStone
No Assignees
1 Participants
Notifications
Due Date
No due date set.
Dependencies

No dependencies set.

Reference: SirStone/Project_Management_for_ADHD_wayfinder_test#3
Delete Branch "%!s()"

Deleting a branch is permanent. Although the deleted branch may continue to exist for a short time before it actually gets removed, it CANNOT be undone in most cases. Continue?