From 203df388a2bba40fcc47dfed188a939d56a27118 Mon Sep 17 00:00:00 2001 From: Matt Kubej Date: Wed, 24 May 2023 18:11:13 +0000 Subject: [PATCH] [LegacyCard] overflow clip to protect border radius --- .changeset/wicked-turkeys-try.md | 5 +++++ polaris-react/src/components/LegacyCard/LegacyCard.scss | 1 + 2 files changed, 6 insertions(+) create mode 100644 .changeset/wicked-turkeys-try.md diff --git a/.changeset/wicked-turkeys-try.md b/.changeset/wicked-turkeys-try.md new file mode 100644 index 00000000000..7851073bf4a --- /dev/null +++ b/.changeset/wicked-turkeys-try.md @@ -0,0 +1,5 @@ +--- +'@shopify/polaris': patch +--- + +Protect border radius of `LegacyCard` with overflow clip diff --git a/polaris-react/src/components/LegacyCard/LegacyCard.scss b/polaris-react/src/components/LegacyCard/LegacyCard.scss index caac201da35..fb260702674 100644 --- a/polaris-react/src/components/LegacyCard/LegacyCard.scss +++ b/polaris-react/src/components/LegacyCard/LegacyCard.scss @@ -4,6 +4,7 @@ background-color: var(--p-color-bg); box-shadow: var(--p-shadow-md); outline: var(--p-border-width-1) solid transparent; + overflow: clip; + .LegacyCard { margin-top: var(--p-space-4);