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

Checkbox state hard to discern for some users #789

Closed
nblumhardt opened this Issue Jan 28, 2019 · 2 comments

Comments

Projects
None yet
2 participants
@nblumhardt
Copy link
Member

nblumhardt commented Jan 28, 2019

The colored/transparent checkbox states are hard to differentiate, especially for users needing high-contrast or colorblind-friendly presentation, and especially when displayed over a colored background such as the checkbox at the top of Settings > API keys.

A traditional inset square/tick/cross would help with this.

@nblumhardt nblumhardt added the bug label Jan 28, 2019

@nblumhardt nblumhardt added this to the 5.1-pre milestone Jan 28, 2019

@nblumhardt

This comment has been minimized.

Copy link
Member Author

nblumhardt commented Jan 28, 2019

A temporary workaround is to include the following overrides in Settings > Instance:

input[type="checkbox"] {
    -webkit-appearance: checkbox !important;
    -moz-appearance: checkbox !important;
    appearance: checkbox !important;
}
@KodrAus

This comment has been minimized.

Copy link
Member

KodrAus commented Jan 29, 2019

We've tweaked the style for checkboxes so that it's clearer whether a box is checked without having to rely on colour alone:

unchecked

checked

@KodrAus KodrAus closed this Jan 30, 2019

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
You can’t perform that action at this time.