fix: moving flyout menu var to be scoped to flyout-menu (#3877)

* fix: moving flyout menu var to be scoped to flyout-menu * test: update the cypress visual snapshots --------- Co-authored-by: Hector Davis <[email protected]> Co-authored-by: Amritha raj herle <[email protected]>
carbon-design-system · Aug 9, 2024 · 2e54d53 · 2e54d53
1 parent dd514ed
commit 2e54d53
Show file tree

Hide file tree

Showing 5 changed files with 2 additions and 3 deletions.
diff --git a/...rd/DashboardGrid.test.e2ex-DashboardGrid-lg-Card--with-datetimerange-picker.png b/...rd/DashboardGrid.test.e2ex-DashboardGrid-lg-Card--with-datetimerange-picker.png
diff --git a/...eline/components/DateTimePicker/DateTimePickerV2.test.e2ex-v2-icon-only-rtl.png b/...eline/components/DateTimePicker/DateTimePickerV2.test.e2ex-v2-icon-only-rtl.png
diff --git a/.../baseline/components/FlyoutMenu/FlyoutMenu.test.e2ex-flyout-positioning-ltr.png b/.../baseline/components/FlyoutMenu/FlyoutMenu.test.e2ex-flyout-positioning-ltr.png
diff --git a/.../baseline/components/FlyoutMenu/FlyoutMenu.test.e2ex-flyout-positioning-rtl.png b/.../baseline/components/FlyoutMenu/FlyoutMenu.test.e2ex-flyout-positioning-rtl.png
diff --git a/packages/react/src/components/FlyoutMenu/_flyout-menu.scss b/packages/react/src/components/FlyoutMenu/_flyout-menu.scss
@@ -2,10 +2,9 @@
 @import '~carbon-components/scss/globals/scss/layout';
 @import '~carbon-components/scss/globals/scss/helper-mixins';
 
-$shadow-plus-padding: 1.4rem;
-$shadow: 0.4rem;
-
 .#{$iot-prefix}--flyout-menu {
+  $shadow-plus-padding: 1.4rem;
+  $shadow: 0.4rem;
   display: flex;
 
   &.#{$iot-prefix}--flyout-menu__top {