Skip to content

fix(checkbox): adjust WHCM focus ring #1527

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
Oct 12, 2022
Merged

Conversation

pfulton
Copy link
Collaborator

@pfulton pfulton commented Oct 12, 2022

Description

Fixes an issue where the focus ring thickness was too thick on Windows High Contrast Mode. Additionally, this fixes an issue where the invalid focus state was incorrect in Windows High Contrast Mode.

Finally, to be sure that the cascade is properly working, this moves the WHCM styles to the bottom of the index.css file.

How and where has this been tested?

  • How this was tested:
  • Browser(s) and OS(s) this was tested with:

Screenshots

BEFORE
Screen Shot 2022-10-11 at 12 04 24 PM (1)

AFTER
Screen Shot 2022-10-12 at 11 54 41 AM

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.
  • I have tested these changes in Windows High Contrast mode.
  • This pull request is ready to merge.

@github-actions
Copy link
Contributor

🚀 Deployed on https://pr-1527--spectrum-css.netlify.app

@github-actions github-actions bot temporarily deployed to pull request October 12, 2022 15:55 Inactive
Copy link
Contributor

@Westbrook Westbrook left a comment

Choose a reason for hiding this comment

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

LGTM!

@pfulton pfulton merged commit ddca193 into main Oct 12, 2022
@pfulton pfulton deleted the pfulton/fix-checkbox-focus branch October 12, 2022 16:05
bernhard-adobe added a commit that referenced this pull request Oct 12, 2022
* main: (53 commits)
  chore(release): release
  fix(checkbox): whcm focus states (#1527)
  chore(release): release
  feat(fieldlabel)!: migrate to core tokens (CSS-102) (#1476)
  chore(release): release
  feat(swatchgroup)!: migrate swatchgroup to core tokens (#1505)
  chore(release): release
  feat(swatch)!: migrate swatch to core tokens (#1501)
  chore(release): release
  fix(tabs): selection indicator scroll overflow border (#1513)
  chore(release): release
  feat(divider)!: migrate to core tokens
  chore(release): release
  refactor(checkbox): remove commented out code (#1524)
  chore(release): release
  feat(progresscircle)!: migrate to core tokens
  chore(release): release
  feat(checkbox)!: migrate checkbox component to core tokens (CSS-99) (#1465)
  chore(release): release
  fix(card): increase content area height when necessary
  ...
bernhard-adobe added a commit that referenced this pull request Oct 14, 2022
* main: (65 commits)
  chore(release): release
  chore!: use latest CSS tokens dependency
  refactor(swatch)!: remap core token aliases & rename aliases
  refactor(helptext)!: remap core token aliases & rename aliases
  refactor(radio)!: remap core token aliases & rename aliases
  refactor(checkbox)!: remap core token aliases & rename aliases
  refactor(switch)!: remap core token aliases & rename aliases
  refactor(actionbutton)!: remap core token aliases & rename aliases
  refactor(closebutton)!: remap core token aliases & rename aliases
  feat(tokens)!: use latest beta release
  chore(release): release
  refactor(inlinealert)!: migrate to core tokens (#1519)
  chore(release): release
  fix(checkbox): whcm focus states (#1527)
  chore(release): release
  feat(fieldlabel)!: migrate to core tokens (CSS-102) (#1476)
  chore(release): release
  feat(swatchgroup)!: migrate swatchgroup to core tokens (#1505)
  chore(release): release
  feat(swatch)!: migrate swatch to core tokens (#1501)
  ...
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.

2 participants