Demote the content area's z-index so that popovers in the header sit …

…over the content.
jostnes · Mar 10, 2022 · 2a18443 · 2a18443
1 parent 2396f3a
commit 2a18443
Show file tree

Hide file tree

Showing 2 changed files with 2 additions and 0 deletions.
diff --git a/packages/base-styles/_z-index.scss b/packages/base-styles/_z-index.scss
@@ -34,6 +34,7 @@ $z-layers: (
 	".edit-post-layout__footer": 30,
 	".interface-interface-skeleton__header": 30,
 	".interface-interface-skeleton__content": 91,
+	".edit-site-list.interface-interface-skeleton__content": 29, // The content area needs to be lower than the header so tools dropdowns appear over the content.
 	".edit-site-header": 62,
 	".edit-widgets-header": 30,
 	".block-library-button__inline-link .block-editor-url-input__suggestions": 6, // URL suggestions for button block above sibling inserter

diff --git a/packages/edit-site/src/components/list/style.scss b/packages/edit-site/src/components/list/style.scss
@@ -46,6 +46,7 @@
 			background: $white;
 			align-items: center;
 			padding: $grid-unit-20;
+			z-index: z-index(".edit-site-list.interface-interface-skeleton__content");
 
 			@include break-medium() {
 				padding: $grid-unit * 9;