Northeastern-Electric-Racing / Northeastern-Electric-Racing/FinishLine
[Gantt Chart] - 1.5.1 Expand/collapse animation
Nobody has claimed this yet.
- Dominant language
- TypeScript
- Stars
- 36
- Forks
- 9
- Avg merge
- 4d 21h
- Merged PRs (30d)
- 11
Description
Description
Currently, expanding or collapsing a project to show/hide WPs and tasks is abrupt with no animation which doesn't look polished. This ticket will add a smooth animation when a user clicks to expand/collapse a project.
Acceptance Criteria
- Clicking to expand a collapsed project animates smoothly to its expanded state (no instant snap/flicker/jump)
- Behavior is consistent regardless of how many work packages/tasks are inside the project being expanded
- No regression (everything still shows/hides correctly)
Proposed Solution
Find the component responsible for rendering a project row and its expand/collapse toggle. Could try using CSS transition on a property like max-height, or could look for an animation library. Test with projects with varying numbers of WPs/tasks.
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
No specific files or tests are named. Locate the component that renders a project row and its expand/collapse toggle, then review how work packages and tasks are shown or hidden; test projects with varying numbers of children and confirm expansion and collapse animate smoothly without flicker, jumps, or regressions.
Written by the indexing model from the issue text.
Assessment
- Tech stack
- typescript
- Domain
- frontend
- Issue type
- Feature
- Difficulty
- 3/5
- Estimated time
- 1-2 days
- Activity status
- Active
- Clarity
- Mostly clear
- Newbie friendliness
- 68/100