From 2c5d7d43f7ab3c7c254f31ef612f6772e72d1ee9 Mon Sep 17 00:00:00 2001 From: James Highfield Date: Thu, 19 Jan 2023 11:53:20 +0000 Subject: [PATCH] Add border radius to tooltip overlay --- .changeset/bright-melons-obey.md | 5 +++++ .../Tooltip/components/TooltipOverlay/TooltipOverlay.scss | 2 ++ 2 files changed, 7 insertions(+) create mode 100644 .changeset/bright-melons-obey.md diff --git a/.changeset/bright-melons-obey.md b/.changeset/bright-melons-obey.md new file mode 100644 index 00000000000..5ef48a56eb8 --- /dev/null +++ b/.changeset/bright-melons-obey.md @@ -0,0 +1,5 @@ +--- +'@shopify/polaris': patch +--- + +Added `borderRadius` style to `TooltipOverlay` diff --git a/polaris-react/src/components/Tooltip/components/TooltipOverlay/TooltipOverlay.scss b/polaris-react/src/components/Tooltip/components/TooltipOverlay/TooltipOverlay.scss index b0715ea6982..dbbba1fe915 100644 --- a/polaris-react/src/components/Tooltip/components/TooltipOverlay/TooltipOverlay.scss +++ b/polaris-react/src/components/Tooltip/components/TooltipOverlay/TooltipOverlay.scss @@ -7,6 +7,8 @@ margin: var(--pc-tooltip-overlay-offset) var(--p-space-4) var(--p-space-4); opacity: 1; box-shadow: var(--p-shadow-popover); + // stylelint-disable-next-line -- Polaris component custom properties + border-radius: var(--pc-tooltip-border-radius); pointer-events: none; will-change: opacity, left, top; transition: opacity var(--p-duration-200) var(--p-ease-in)