fix(ui): add smooth hover transitions to sidebar menu links. - #3976
fix(ui): add smooth hover transitions to sidebar menu links.#3976anishaa-07 wants to merge 1 commit into
Conversation
|
@anishaa-07 is attempting to deploy a commit to the ritesh Team on Vercel. A member of the Team first needs to authorize it. |
📝 WalkthroughWalkthroughThe admin sidebar updates navigation link and logout button transitions from 0.2-second ease timing to 0.3-second ease-in-out timing. ChangesAdmin sidebar transitions
Estimated code review effort: 1 (Trivial) | ~2 minutes Possibly related issues
🚥 Pre-merge checks | ✅ 5✅ Passed checks (5 passed)
✨ Finishing Touches 💡 1🛠️ Fix failing CI checks 💡
🧪 Generate unit tests (beta)
Thanks for using CodeRabbit! It's free for OSS, and your support helps us grow. If you like it, consider giving us a shout-out. Comment |
There was a problem hiding this comment.
Actionable comments posted: 1
🤖 Prompt for all review comments with AI agents
Verify each finding against current code. Fix only still-valid issues, skip the
rest with a brief reason, keep changes minimal, and validate.
Inline comments:
In `@Frontend/src/admin/components/AdminSidebar.jsx`:
- Line 103: Update the `/admin/settings` navigation link’s transition in the
AdminSidebar component from `all 0.2s ease` to `all 0.3s ease-in-out`, matching
the transition used by the other sidebar links.
🪄 Autofix (Beta)
Fix all unresolved CodeRabbit comments on this PR:
- Push a commit to this branch (recommended)
- Create a new PR with the fixes
ℹ️ Review info
⚙️ Run configuration
Configuration used: defaults
Review profile: CHILL
Plan: Pro Plus
Run ID: 95f299cf-41fa-4663-8563-e82a2949a4ff
📒 Files selected for processing (1)
Frontend/src/admin/components/AdminSidebar.jsx
| background: isActive ? '#f0fdf4' : 'transparent', | ||
| fontWeight: isActive ? 600 : 500, | ||
| textDecoration: 'none', transition: 'all 0.2s ease', | ||
| textDecoration: 'none', transition: 'all 0.3s ease-in-out', |
There was a problem hiding this comment.
🎯 Functional Correctness | 🟡 Minor | ⚡ Quick win
Update the Settings link transition as well.
The /admin/settings navigation link still uses transition: 'all 0.2s ease' at Line 135. This leaves one sidebar navigation link with different timing and easing. Change it to all 0.3s ease-in-out to match the other navigation links.
🤖 Prompt for AI Agents
Verify each finding against current code. Fix only still-valid issues, skip the
rest with a brief reason, keep changes minimal, and validate.
In `@Frontend/src/admin/components/AdminSidebar.jsx` at line 103, Update the
`/admin/settings` navigation link’s transition in the AdminSidebar component
from `all 0.2s ease` to `all 0.3s ease-in-out`, matching the transition used by
the other sidebar links.
Description
Added smooth hover transition effects to the admin sidebar menu links.
Changes
0.2sto0.3seasetoease-in-outSummary by CodeRabbit