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(notification): fix low-contrast close button focus color #5793

Merged
merged 5 commits into from
Apr 6, 2020

Conversation

tw15egan
Copy link
Member

@tw15egan tw15egan commented Apr 2, 2020

Closes #5737

Adds normal focus styles to low-contrast Notification

Changelog

New

  • Sets normal focus outline (blue) when in low-contrast mode, instead of using the inverse focus color (white) used by normal notifications

Testing / Reviewing

Focus on the close button in low-contrast mode and ensure the focus indicator is visible

@netlify
Copy link

netlify bot commented Apr 2, 2020

Deploy preview for carbon-components-react ready!

Built with commit bb6b890

https://deploy-preview-5793--carbon-components-react.netlify.com

@netlify
Copy link

netlify bot commented Apr 2, 2020

Deploy preview for carbon-elements ready!

Built with commit bb6b890

https://deploy-preview-5793--carbon-elements.netlify.com

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.

I am going to approve this because this logic works correctly.

Eventually we do need to update our low contrast notifications in the dark themes, but for now it is still blocked by this issue: #4282

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 given the related blocking issue

@asudoh asudoh merged commit db8d941 into carbon-design-system:master Apr 6, 2020
@tw15egan tw15egan deleted the notification-focus branch April 28, 2021 18:18
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
Development

Successfully merging this pull request may close these issues.

[Notification] Focus outline hard to see on low contrast notifications
5 participants