-
Notifications
You must be signed in to change notification settings - Fork 3
Address code review feedback: accessibility, z-index fix, and cleanup #1050
New issue
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
Conversation
✅ Deploy Preview for vortex-sandbox ready!
To edit notification comments on pull requests, go to your Netlify project configuration. |
…ect animation durations, and cleanup unused vars Co-authored-by: ebma <6690623+ebma@users.noreply.github.com>
|
|
||
| export const Navbar = () => ( | ||
| <header className="relative z-60"> | ||
| <header className="relative z-50"> |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
z-60 is a valid value and we should leave it
| export const durations = { | ||
| fast: 0.15, // 100ms - micro-interactions (hover states) | ||
| micro: 0.1, // 150ms - tooltips, dropdowns | ||
| fast: 0.1, // 100ms - micro-interactions (hover states) |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
there is no need to change it
Implements automated review suggestions for improved accessibility and code quality.
Changes
Accessibility
motion-reduce:transition-noneto CSS grid transitions inSelectionDropdownMotion,CollapsibleCard, andAccordioncomponents to respect user motion preferences at the CSS levelTailwind Compliance
z-60toz-50in Navbar (z-60 is not a standard Tailwind utility)Code Quality
constants/animations.ts(fast: 0.1→ "100ms",micro: 0.15→ "150ms")setOpenItemsvariable inAccordion.stories.tsxSelectionDropdownMotionby removing always-trueisOpencheck in delay calculationExample
💬 We'd love your input! Share your thoughts on Copilot coding agent in our 2 minute survey.