Add some visual debugging for nested overlays

WordPress · May 14, 2019 · 5ee69d0 · 5ee69d0
1 parent effe011
commit 5ee69d0
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 2 deletions.
diff --git a/assets/stylesheets/_z-index.scss b/assets/stylesheets/_z-index.scss
@@ -60,7 +60,7 @@ $z-layers: (
 
 	// Small screen inner blocks overlay must be displayed above drop zone,
 	// settings menu, and movers.
-	".block-editor-inner-blocks__small-screen-overlay:after": 120,
+	".block-editor-inner-blocks.has-overlay:after": 120,
 
 	// Show sidebar above wp-admin navigation bar for mobile viewports:
 	// #wpadminbar { z-index: 99999 }

diff --git a/packages/block-editor/src/components/inner-blocks/style.scss b/packages/block-editor/src/components/inner-blocks/style.scss
@@ -5,5 +5,13 @@
 	right: 0;
 	bottom: 0;
 	left: 0;
-	z-index: z-index(".block-editor-inner-blocks__small-screen-overlay:after");
+	z-index: z-index(".block-editor-inner-blocks.has-overlay:after");
+}
+
+.block-editor-inner-blocks.has-overlay {
+	background-color: #00a0d2;
+
+	.block-editor-inner-blocks.has-overlay {
+		background-color: #4ab866;
+	}
 }