Skip to content
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

Merged
merged 3 commits into from
Aug 23, 2023

Conversation

laurkim
Copy link
Contributor

@laurkim laurkim commented Aug 22, 2023

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

@laurkim laurkim self-assigned this Aug 22, 2023
@laurkim laurkim linked an issue Aug 22, 2023 that may be closed by this pull request
@laurkim laurkim marked this pull request as ready for review August 22, 2023 17:45
Copy link
Contributor

@sophschneider sophschneider left a 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
Copy link
Contributor

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!

Copy link
Contributor Author

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;
Copy link
Contributor

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?

@laurkim laurkim force-pushed the lo/rm-uiplift-tooltip-overlay branch from bad1720 to 777de22 Compare August 23, 2023 13:03
@laurkim laurkim merged commit 747da30 into next Aug 23, 2023
16 checks passed
@laurkim laurkim deleted the lo/rm-uiplift-tooltip-overlay branch August 23, 2023 13:28
sophschneider pushed a commit that referenced this pull request Sep 19, 2023
### 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
AnnaCheba pushed a commit to AnnaCheba/polaris that referenced this pull request Apr 22, 2024
### 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
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.

[TooltipOverlay] Consolidate se23 logic and styles
2 participants