-
Notifications
You must be signed in to change notification settings - Fork 1.2k
[Various component] Add high contrast to design language #2792
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
Conversation
@include control-backdrop(active, $global-theming: true); | ||
} | ||
~ .Icon { | ||
transition-timing-function: var(--p-ease-in); |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
this was an oversight.
@media (-ms-high-contrast: active) { | ||
box-shadow: inset 0 0 0 border-width(base) ms-high-contrast-color('text'); | ||
} | ||
outline: 1px solid transparent; |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
simplified with this. box-shadow had no effect.
overflow: var(--p-override-visible, hidden); | ||
background-color: var(--p-surface, color('white')); | ||
box-shadow: var(--p-card-shadow, shadow()); | ||
outline: border-width(base) solid transparent; |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
box-shadow had no effect. Could be a chromium edge update
(Removed myself as I still need to set up a virtual machine) |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Did not 🎩, but code changes and screenshots LGTM
WHY are these changes introduced?
Fixes minor issues with Popover, Card
Applies high contrast to the indicator, checkable button, option list
Bulk actions and checkable button

indicator

popover

card

option list

How to 🎩
🖥 Local development instructions
🗒 General tophatting guidelines
📄 Changelog guidelines
Copy-paste this code in
playground/Playground.tsx
:🎩 checklist
README.md
with documentation changes