rmcampos/ledger-finance
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Sidebar active-link indicator should slide, not snap #6

New Issue
Closed
opened 2026-07-13 22:03:55 +00:00 by rmcampos · 0 comments
rmcampos commented 2026-07-13 22:03:55 +00:00
Owner
Copy Link
Copy Source

Description

In Sidebar.jsx, the active NavLink state currently just toggles the .active class with no motion. Add a sliding indicator (absolutely positioned pill/bar that animates its transform: translateY() to the active link's position) or, at minimum, a transition on the existing active-state background/border so it eases in rather than appearing instantly.

## Description In `Sidebar.jsx`, the active `NavLink` state currently just toggles the `.active` class with no motion. Add a sliding indicator (absolutely positioned pill/bar that animates its `transform: translateY()` to the active link's position) or, at minimum, a `transition` on the existing active-state background/border so it eases in rather than appearing instantly.
Sign in to join this conversation.
No Branch/Tag Specified
Branches Tags
Labels
Clear labels
bug
Something is not working
 duplicate
This issue or pull request already exists
 enhancement
New feature
 help wanted
Need some help
 invalid
Something is wrong
 question
More information is needed
 wontfix
This won't be fixed
No labels
Milestone
No items
No Milestone
Projects
Clear projects
No projects
Assignees
Clear assignees
rmcampos (Ricardo Campos)
No Assignees
1 Participants
Notifications
Due Date
No due date set.
Dependencies

No dependencies set.

Reference: rmcampos/ledger-finance#6