From 572d3eb0f24c39ebbec0f4363efa9ed3a5b34558 Mon Sep 17 00:00:00 2001 From: Sophie Schneider Date: Wed, 17 Jan 2024 17:47:23 +0000 Subject: [PATCH 1/2] Raise z-index of Filters container to be below Card shadow bevel --- .changeset/selfish-ads-reflect.md | 5 +++++ polaris-react/src/components/Filters/Filters.module.scss | 3 ++- 2 files changed, 7 insertions(+), 1 deletion(-) create mode 100644 .changeset/selfish-ads-reflect.md diff --git a/.changeset/selfish-ads-reflect.md b/.changeset/selfish-ads-reflect.md new file mode 100644 index 00000000000..f1475b2ae2c --- /dev/null +++ b/.changeset/selfish-ads-reflect.md @@ -0,0 +1,5 @@ +--- +'@shopify/polaris': patch +--- + +Raised the z-index of `Filter`s container to be below `Card` shadow bevel diff --git a/polaris-react/src/components/Filters/Filters.module.scss b/polaris-react/src/components/Filters/Filters.module.scss index 3bd2f632a14..0fb9335fe0b 100644 --- a/polaris-react/src/components/Filters/Filters.module.scss +++ b/polaris-react/src/components/Filters/Filters.module.scss @@ -2,7 +2,8 @@ .Container { position: relative; - z-index: var(--p-z-index-1); + // stylelint-disable-next-line -- z-index below Card shadow bevel (32) + z-index: 30; border-bottom: var(--p-border-width-025) solid var(--p-color-border-secondary); border-top-left-radius: var(--p-border-radius-200); border-top-right-radius: var(--p-border-radius-200); From ea0ad37097f61b7e01573f43d77765b279fad5d9 Mon Sep 17 00:00:00 2001 From: Sophie Schneider Date: Wed, 17 Jan 2024 20:15:48 -0500 Subject: [PATCH 2/2] Update .changeset/selfish-ads-reflect.md Co-authored-by: Laura Griffee --- .changeset/selfish-ads-reflect.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/.changeset/selfish-ads-reflect.md b/.changeset/selfish-ads-reflect.md index f1475b2ae2c..44a2f5fa8fa 100644 --- a/.changeset/selfish-ads-reflect.md +++ b/.changeset/selfish-ads-reflect.md @@ -2,4 +2,4 @@ '@shopify/polaris': patch --- -Raised the z-index of `Filter`s container to be below `Card` shadow bevel +Lowered the z-index of `Filter`s container to be below `Card` shadow bevel