-
Notifications
You must be signed in to change notification settings - Fork 2.8k
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
High Contrast Checkbox Web Component fix #31157
base: master
Are you sure you want to change the base?
High Contrast Checkbox Web Component fix #31157
Conversation
📊 Bundle size report✅ No changes found |
change/@fluentui-web-components-2f7edf54-0877-419b-8a74-47bf7c3681f8.json
Show resolved
Hide resolved
This pull request is automatically built and testable in CodeSandbox. To see build info of the built libraries, click here or the icon next to each commit SHA. |
3287714
to
3d89250
Compare
@chrisdholt Thanks for the review. Feedback addressed by updating the selectors to use |
@chrisdholt Did you have any other feedback on this, or can we merge this? |
The DOM is changing quite a bit in #31468 and I believe that should be updated for High Contrast. We may just want to defer to the checkbox refactor PR for this to be resolved. @radium-v can advise on how close we are there (I think it's right there...) |
Previous Behavior
High contrast styles for the checkbox were missing for the disabled state and mixed, indeterminate states:
New Behavior
Adds specific colors, backgrounds, and border colors for high contrast disabled and checked/mixed states:
![image](https://private-user-images.githubusercontent.com/49389/326919364-7d043c96-d2c1-4f67-81b1-ffe3c689f5e5.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3Mzk0MzE4NzEsIm5iZiI6MTczOTQzMTU3MSwicGF0aCI6Ii80OTM4OS8zMjY5MTkzNjQtN2QwNDNjOTYtZDJjMS00ZjY3LTgxYjEtZmZlM2M2ODlmNWU1LnBuZz9YLUFtei1BbGdvcml0aG09QVdTNC1ITUFDLVNIQTI1NiZYLUFtei1DcmVkZW50aWFsPUFLSUFWQ09EWUxTQTUzUFFLNFpBJTJGMjAyNTAyMTMlMkZ1cy1lYXN0LTElMkZzMyUyRmF3czRfcmVxdWVzdCZYLUFtei1EYXRlPTIwMjUwMjEzVDA3MjYxMVomWC1BbXotRXhwaXJlcz0zMDAmWC1BbXotU2lnbmF0dXJlPWE5M2Q4NzE3Y2Y4YWExYmY1ODkzNTI0NzA5YzljNzRlZjc3YzQ2YWM1YWU2ODQ4OWE1ODdiNGZmMzFkYmNhY2YmWC1BbXotU2lnbmVkSGVhZGVycz1ob3N0In0.Iw2wXEqDCpD8EXElf-g77ncLCI22Ipbywg6hu_5c7I4)