Try: Fix notices below block toolbars.

WordPress · Jun 1, 2021 · f8cc67d · f8cc67d
1 parent abdb635
commit f8cc67d
Show file tree

Hide file tree

Showing 3 changed files with 2 additions and 17 deletions.
diff --git a/packages/base-styles/_z-index.scss b/packages/base-styles/_z-index.scss
@@ -114,10 +114,6 @@ $z-layers: (
 	// Show the FSE template previews above the editor and any open block toolbars
 	".edit-site-navigation-panel__preview": 32,
 
-	// Show notices below expanded editor bar
-	// .edit-post-header { z-index: 30 }
-	".components-notice-list": 29,
-
 	// Above the block list and the header.
 	".block-editor-block-list__block-popover": 31,
 

diff --git a/packages/components/src/notice/style.scss b/packages/components/src/notice/style.scss
@@ -76,7 +76,6 @@
 	// The notice should never be wider than the viewport, or the close button might be hidden. Especially relevant at high zoom levels. Related to https://core.trac.wordpress.org/ticket/47603#ticket.
 	max-width: 100vw;
 	box-sizing: border-box;
-	z-index: z-index(".components-notice-list");
 
 	.components-notice__content {
 		margin-top: $grid-unit-15;

diff --git a/packages/editor/src/components/editor-notices/style.scss b/packages/editor/src/components/editor-notices/style.scss
@@ -1,22 +1,12 @@
-// Dismissible notices.
-.components-editor-notices__dismissible {
-	position: sticky;
-	top: 0;
-	right: 0;
-	color: $gray-900;
-}
-
-// Non-dismissible notices.
+// Dismissible & non-dismissible notices.
+.components-editor-notices__dismissible,
 .components-editor-notices__pinned {
 	position: relative;
 	left: 0;
 	top: 0;
 	right: 0;
 	color: $gray-900;
-}
 
-.components-editor-notices__dismissible,
-.components-editor-notices__pinned {
 	.components-notice {
 		box-sizing: border-box;
 		margin: 0;