Skip to content
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

fix(Checkbox): update focus styles #7620

Merged
merged 3 commits into from
Jan 25, 2021

Conversation

tw15egan
Copy link
Collaborator

Closes #6480
Closes #6471

No longer uses box-shadow to render the Checkbox focus outline. This fixes issues with the Checkbox in HCM as well as overflow issues

Screen Shot 2021-01-21 at 11 36 18 AM

HCM
Screen Shot 2021-01-21 at 11 36 40 AM

Changelog

Changed

  • Changed box-shadow to outline which is supported in HCM

Removed

  • Unnecessary HCM media query

Testing / Reviewing

View the Checkbox in Windows 10 HCM and view in Edge and FIrefox with prefers-contrast enabled

@netlify
Copy link

netlify bot commented Jan 21, 2021

Deploy preview for carbon-elements ready!

Built with commit 4eea27e

https://deploy-preview-7620--carbon-elements.netlify.app

@netlify
Copy link

netlify bot commented Jan 21, 2021

Deploy preview for carbon-components-react ready!

Built without sensitive environment variables with commit 4eea27e

https://deploy-preview-7620--carbon-components-react.netlify.app

@dakahn dakahn mentioned this pull request Jan 22, 2021
46 tasks
Copy link
Member

@emyarod emyarod left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

looks good to me pending visual review

Copy link
Member

@laurenmrice laurenmrice left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

👍🏻

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
5 participants