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

UI: Fix shortcut button focus border to support high contrast #13699

Merged
merged 6 commits into from
Feb 25, 2021

Conversation

micahgodbolt
Copy link
Contributor

@micahgodbolt micahgodbolt commented Jan 21, 2021

Issue: #13373

box shadows are not an accessible way to add focus to a button because shadows are dropped by high contrast mode. Using a pseudo element with border avoids the issue of borders messing with box sizing.

image

@shilman
Copy link
Member

shilman commented Jan 22, 2021

Thanks @micahgodbolt! @tooppaaa @domyen @jsomsanith can I get a review?

@shilman
Copy link
Member

shilman commented Feb 22, 2021

Hi @adagar any chance I can get a review for this?

@adagar
Copy link
Contributor

adagar commented Feb 22, 2021

@shilman sure, I can take a look at this sometime today!

Copy link
Member

@domyen domyen left a comment

Choose a reason for hiding this comment

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

Thanks @micahgodbolt! Looks good, suggestions below.

lib/ui/src/components/sidebar/Menu.tsx Show resolved Hide resolved
lib/ui/src/components/sidebar/Menu.tsx Show resolved Hide resolved
Co-authored-by: Dominic Nguyen <dom@hichroma.com>
@adagar
Copy link
Contributor

adagar commented Feb 22, 2021

Had an error preventing builds from working locally, but not sure if I'm doing something wrong. Additionally: How do you activate the high-contrast setting you show in the screenshot above? Is it the windows built-in approach?

Copy link
Member

@shilman shilman left a comment

Choose a reason for hiding this comment

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

LGTM! Thanks @micahgodbolt @adagar @domyen !!!

This was referenced Mar 12, 2021
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.

4 participants