McMaster-Baja-Racing / McMaster-Baja-Racing/Better-Data-Viewer

Animate the transition to edit mode

Open
#283 1 comment 0 reactions 0 assignees View on GitHub

Nobody has claimed this yet.

enhancement frontend
Dominant language
TypeScript
Stars
3
Forks
2
PR merge metrics
No merged PRs in 30d

Description

Feature Description
Transitioning to edit mode is a bit jarring as is. The sidebar doesn't really slide out nicely or anything, it feels like the screen just swaps.

Use Case
Better UX!

Additional Context
You can see the choppy animation if you make a graph then click edit. You'll see the sidebar kinda pop out abruptly. Clicking X on the sidebar is the same experience.

Image Image

Contributor guide

Open the contributing guide

First steps

  1. Read the whole issue, then the project's contributing guide.
  2. Comment on the issue to say you are picking it up — it saves two people doing the same work.
  3. Fork the repository and make your change on a branch.
  4. Open a pull request that references the issue number.

Research direction

Reproduce the issue by making a graph, clicking Edit, and then closing the sidebar. Locate the edit-mode and sidebar transition entry points, then make entering and leaving edit mode animate smoothly; done means the sidebar no longer appears or disappears abruptly in both flows.

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
Stale
Clarity
Mostly clear
Newbie friendliness
38/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.