From 4004305b9c3990c719809052a80541e7fa00a880 Mon Sep 17 00:00:00 2001 From: Sophie Schneider Date: Fri, 11 Aug 2023 12:58:15 -0400 Subject: [PATCH] [BulkActions] Consolidate se23 logic and styles (#10008) MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit ### WHY are these changes introduced? Fixes https://github.com/Shopify/polaris/issues/9921 ### WHAT is this pull request doing? Consolidates se23 beta styles for `BulkActions`. ### How to 🎩 Compare the bulk actions shadow bevel (make sure they are the same): * This PR's [Storybook](https://5d559397bae39100201eedc1-vxezcfotko.chromatic.com/?path=/story/all-components-indextable--default) * [Production Storybook](https://storybook.polaris.shopify.com/?path=/story/all-components-indextable--default&globals=polarisSummerEditions2023:true) --- .../src/components/BulkActions/BulkActions.scss | 10 ++++------ 1 file changed, 4 insertions(+), 6 deletions(-) diff --git a/polaris-react/src/components/BulkActions/BulkActions.scss b/polaris-react/src/components/BulkActions/BulkActions.scss index cf92569fdc0..11566cb31a3 100644 --- a/polaris-react/src/components/BulkActions/BulkActions.scss +++ b/polaris-react/src/components/BulkActions/BulkActions.scss @@ -59,12 +59,10 @@ $bulk-actions-button-stacking-order: ( max-width: 100%; pointer-events: auto; - #{$se23} & { - @include shadow-bevel( - $boxShadow: var(--p-shadow-md), - $borderRadius: var(--p-border-radius-2) - ); - } + @include shadow-bevel( + $boxShadow: var(--p-shadow-md), + $borderRadius: var(--p-border-radius-2) + ); @media #{$p-breakpoints-sm-down} { // stylelint-disable-next-line selector-max-combinators, selector-max-type -- the first item of button group on small screen needs to fill the space