Skip to content

fix: allow high contrast mode for checkboxes #791

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

Merged
merged 1 commit into from
Aug 31, 2020

Conversation

jnurthen
Copy link
Member

Description

Fix for checkbox part of #786.
This changes checkboxes to work in the following ways in WHCM

  • Have a visible focus indicator using the highlight colour
  • Use Disabled colour when disabled
  • Not use error colour when in error
  • be able to determine the checked/unchecked/mixed state

Note - I am unsure how to mark error state and am in discussions with Spectrum. IMO this can be tackled in a later PR.

How and where has this been tested?

  • Run using Windows High Contrast mode both White on Black and Black on White
  • Note that the colors now match the windows system colors
  • Edge 85.0.564.30 on Windows 10

Screenshots

Checkbox - Spectrum CSS and 1 more page - Profile 1 - Microsoft​ Edge 8_13_2020 4_30_30 PM
Checkbox - Spectrum CSS and 1 more page - Profile 1 - Microsoft​ Edge 8_13_2020 4_30_39 PM
Checkbox - Spectrum CSS and 1 more page - Profile 1 - Microsoft​ Edge 8_13_2020 4_31_37 PM
Checkbox - Spectrum CSS and 1 more page - Profile 1 - Microsoft​ Edge 8_13_2020 4_31_45 PM

To-do list

  • If my change impacts other components, I have tested to make sure they don't break.
  • If my change impacts documentation, I have updated the documentation accordingly.
  • I have read the CONTRIBUTING document.
  • This pull request is ready to merge.

@misterbrownlee
Copy link
Collaborator

Thanks for this! We will put some time into reviewing it and get back to you soon.

@GarthDB GarthDB merged commit 74000c8 into adobe:main Aug 31, 2020
lazd pushed a commit that referenced this pull request Sep 22, 2020
partly resolves #786

This will not work in IE11 or with our legacy build. It must support CSS vars.
GarthDB added a commit that referenced this pull request Sep 22, 2020
* feat: tags contributd by rsp@v3

* fix: move border-radius setting to index.css

* fix: add back the margin-inline-end for the tag has icon or avatar

* fix: fix truncation example for tag and fix clear button size

* fix: remove the margin-left for clearButton

* fix: adjust the color to match design for standard tag item

* fix: implements the background for clearButton

* fix: fix some mismatch between impl and design xd

* fix: mix tag with or without icon/avatar

* fix: use dna variables for border-shadow and border-size

* fix: update dna variable for focus-ring and border-size

* Performance for focus-ring
transition box-shadow is hard, opacity is easy

* build(deps-dev): bump prismjs from 1.17.1 to 1.21.0

Bumps [prismjs](https://github.com/PrismJS/prism) from 1.17.1 to 1.21.0.
- [Release notes](https://github.com/PrismJS/prism/releases)
- [Changelog](https://github.com/PrismJS/prism/blob/master/CHANGELOG.md)
- [Commits](PrismJS/prism@v1.17.1...v1.21.0)

Signed-off-by: dependabot[bot] <support@github.com>

* fix: fix the issues caused by component rename (#778)

* fix: fix the issues caused by component rename

* fix: fix package security vulnerabilities

Co-authored-by: Jian Liao <jianliao@adobe.com>

* test: update VRT instruction documentation (#772)

* test: update VRT instruction documentation

* docs: fixed typo

Co-authored-by: Jian Liao <jianliao@adobe.com>
Co-authored-by: Garth Braithwaite <garthdb@gmail.com>

* fix: high contrast mode for checkboxes. (#791)

partly resolves #786

This will not work in IE11 or with our legacy build. It must support CSS vars.

Co-authored-by: Milan Brkic <milan.brkic1@yahoo.com>
Co-authored-by: Jian Liao <jianliao@adobe.com>
Co-authored-by: Rob Snow <rsnow@adobe.com>
Co-authored-by: dependabot[bot] <49699333+dependabot[bot]@users.noreply.github.com>
Co-authored-by: Jian Liao <jianliao@users.noreply.github.com>
Co-authored-by: Aaron <misterbrownlee@users.noreply.github.com>
Co-authored-by: James Nurthen <jnurthen@users.noreply.github.com>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

3 participants