Update dropdown z-index styles

WordPress · Sep 13, 2021 · 2b58ff5 · 2b58ff5
1 parent cdbbdf0
commit 2b58ff5
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 6 deletions.
diff --git a/packages/base-styles/_z-index.scss b/packages/base-styles/_z-index.scss
@@ -147,7 +147,7 @@ $z-layers: (
  ".components-popover.edit-widgets-more-menu__content": 99998,
  ".components-popover.block-editor-rich-text__inline-format-toolbar": 99998,
  ".components-popover.block-editor-warning__dropdown": 99998,
- ".components-popover.edit-navigation-header__menu-switcher-dropdown": 99998,
+ ".components-popover.edit-navigation-menu-actions__switcher-dropdown": 99998,
 
  ".components-autocomplete__results": 1000000,
 

diff --git a/packages/edit-navigation/src/components/header/style.scss b/packages/edit-navigation/src/components/header/style.scss
@@ -62,6 +62,11 @@
  }
 }
 
+.edit-navigation-menu-actions__switcher-dropdown {
+ // Appear below the modal overlay.
+ z-index: z-index(".components-popover.edit-navigation-menu-actions__switcher-dropdown");
+}
+
 .edit-navigation-header__actions {
  display: flex;
 
@@ -74,11 +79,6 @@
  }
 }
 
-.edit-navigation-header__menu-switcher-dropdown {
- // Appear below the modal overlay.
- z-index: z-index(".components-popover.edit-navigation-header__menu-switcher-dropdown");
-}
-
 // Hide notices.
 .gutenberg_page_gutenberg-navigation {
  .notice,