-
Notifications
You must be signed in to change notification settings - Fork 1.2k
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鈥檒l occasionally send you account related emails.
Already on GitHub? Sign in to your account
[TooltipOverlay] Consolidate se23 styles and logic #10167
Conversation
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.
馃
$boxShadow: var(--p-shadow-md), | ||
$borderRadius: var(--pc-tooltip-border-radius), | ||
$zIndex: var(--pc-tooltip-shadow-bevel-z-index), | ||
// The following arguments explicitly ignore the shadow-bevel opt out |
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.
I wonder if we can delete these now 馃 I added it as the last point to this epic so we can check across all the mixin uses at the end!
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.
Oh good point, removed those styles re: shadow-bevel opt out 馃檶
|
||
@media screen and (-ms-high-contrast: active) { | ||
border: var(--p-border-width-2) solid windowText; | ||
} | ||
|
||
&::after { | ||
content: ''; | ||
content: none; |
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.
could we just delete this whole &:after
block now?
bad1720
to
777de22
Compare
### WHY are these changes introduced? Resolves #9974. ### WHAT is this pull request doing? Consolidates se23 beta styles and logic for `TooltipOverlay`. Updates copy for keyboard nav tooltips in `Pagination` to match copy in admin. ### How to 馃帺 [Storybook](https://5d559397bae39100201eedc1-tewmslxdlb.chromatic.com/?path=/story/all-components-tooltip--all) [Prod Storybook](https://storybook.polaris.shopify.com/?path=/story/all-components-tooltip--all&globals=polarisSummerEditions2023:true) [Pagination Storybook](https://5d559397bae39100201eedc1-tewmslxdlb.chromatic.com/?path=/story/all-components-pagination--with-keyboard-navigation) 馃枼 [Local development instructions](https://github.com/Shopify/polaris/blob/main/README.md#local-development) 馃棐 [General tophatting guidelines](https://github.com/Shopify/polaris/blob/main/documentation/Tophatting.md) 馃搫 [Changelog guidelines](https://github.com/Shopify/polaris/blob/main/.github/CONTRIBUTING.md#changelog) ### 馃帺 checklist - [x] Tested on [mobile](https://github.com/Shopify/polaris/blob/main/documentation/Tophatting.md#cross-browser-testing) - [x] Tested on [multiple browsers](https://help.shopify.com/en/manual/shopify-admin/supported-browsers) - [ ] Tested for [accessibility](https://github.com/Shopify/polaris/blob/main/documentation/Accessibility%20testing.md) - [ ] Updated the component's `README.md` with documentation changes - [ ] [Tophatted documentation](https://github.com/Shopify/polaris/blob/main/documentation/Tophatting%20documentation.md) changes in the style guide
### WHY are these changes introduced? Resolves Shopify#9974. ### WHAT is this pull request doing? Consolidates se23 beta styles and logic for `TooltipOverlay`. Updates copy for keyboard nav tooltips in `Pagination` to match copy in admin. ### How to 馃帺 [Storybook](https://5d559397bae39100201eedc1-tewmslxdlb.chromatic.com/?path=/story/all-components-tooltip--all) [Prod Storybook](https://storybook.polaris.shopify.com/?path=/story/all-components-tooltip--all&globals=polarisSummerEditions2023:true) [Pagination Storybook](https://5d559397bae39100201eedc1-tewmslxdlb.chromatic.com/?path=/story/all-components-pagination--with-keyboard-navigation) 馃枼 [Local development instructions](https://github.com/Shopify/polaris/blob/main/README.md#local-development) 馃棐 [General tophatting guidelines](https://github.com/Shopify/polaris/blob/main/documentation/Tophatting.md) 馃搫 [Changelog guidelines](https://github.com/Shopify/polaris/blob/main/.github/CONTRIBUTING.md#changelog) ### 馃帺 checklist - [x] Tested on [mobile](https://github.com/Shopify/polaris/blob/main/documentation/Tophatting.md#cross-browser-testing) - [x] Tested on [multiple browsers](https://help.shopify.com/en/manual/shopify-admin/supported-browsers) - [ ] Tested for [accessibility](https://github.com/Shopify/polaris/blob/main/documentation/Accessibility%20testing.md) - [ ] Updated the component's `README.md` with documentation changes - [ ] [Tophatted documentation](https://github.com/Shopify/polaris/blob/main/documentation/Tophatting%20documentation.md) changes in the style guide
WHY are these changes introduced?
Resolves #9974.
WHAT is this pull request doing?
Consolidates se23 beta styles and logic for
TooltipOverlay
.Updates copy for keyboard nav tooltips in
Pagination
to match copy in admin.How to 馃帺
Storybook
Prod Storybook
Pagination Storybook
馃枼 Local development instructions
馃棐 General tophatting guidelines
馃搫 Changelog guidelines
馃帺 checklist
README.md
with documentation changes