Northeastern-Electric-Racing / Northeastern-Electric-Racing/FinishLine
[Gantt Chart] - Bar label text constraints when overlapping
Nobody has claimed this yet.
- Dominant language
- TypeScript
- Stars
- 36
- Forks
- 9
- Avg merge
- 4d 21h
- Merged PRs (30d)
- 11
Description
Description
Currently, in the Gantt chart, if two labels on the same bar overlap, their respective text also overlaps making it unreadable. Ref:
Acceptance Criteria
- There is no text overlap
- All text is readable
- There is no excessive padding/constraint that pushes elements out of place and maintains balance
Proposed Solution
Look at the Gantt chart components, specifically the bars, and modify the padding/constraints and overflow properties to cut off labels if that looks right (cut off with ellipses or smth). Another potential strategy is playing with z-index to literally place one color on top of another and hide the text below
Mocks
No response
Contributor guide
No contributing guide indexed for this repository
First steps
- Read the whole issue, then the project's contributing guide.
- Comment on the issue to say you are picking it up — it saves two people doing the same work.
- Fork the repository and make your change on a branch.
- Open a pull request that references the issue number.
Research direction
Start by locating the Gantt chart components, specifically the bar rendering entry point, and reproduce the case where labels on one bar overlap. Inspect the existing padding, constraints, overflow, and layering behavior; done means overlapping text is not visible, remaining labels are readable, and bars retain balanced positioning without excessive padding.
Written by the indexing model from the issue text.
Assessment
- Tech stack
- typescript
- Domain
- frontend
- Issue type
- Bug
- Difficulty
- 3/5
- Estimated time
- 1-2 days
- Activity status
- Stale
- Clarity
- Mostly clear
- Newbie friendliness
- 45/100