-
Notifications
You must be signed in to change notification settings - Fork 212
Prevent hover state from sticking on mobile accessibility toggles #1017
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
coseeian
left a comment
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.
Others LGTM.
| border: 1px solid var(--accent-color); | ||
| background-color: var(--accent-type-color); | ||
| color: var(--accent-color); | ||
| @media (hover: hover) and (pointer: fine) { |
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.
Please align coding style in this file and fix indention of L23.
| color: var(--accent-color); | ||
| } | ||
| } | ||
|
|
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.
Please remove empty line that is not necessary.
|
Thank you for your review @coseeian :) I've fixed the pr as per you comment!!!! |
coseeian
left a comment
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.
LGTM, thanks. Let's just wait for p5.js Project Lead to weigh in.
|
Thank you, both! |
Resolves #1014
Mobile accessibility options don't visually deselect when untoggled
Changes
@media (hover: hover) and (pointer: fine)to prevent sticky hover states on touch devicessrc/components/Dropdown/styles.module.scssTesting