Make saving overlay more noticeable

WordPress · Aug 18, 2022 · 604e010 · 604e010
1 parent f3b0d21
commit 604e010
Show file tree

Hide file tree

Showing 2 changed files with 2 additions and 2 deletions.
diff --git a/packages/base-styles/_z-index.scss b/packages/base-styles/_z-index.scss
@@ -19,7 +19,7 @@ $z-layers: (
 	".block-editor-inserter__tabs .components-tab-panel__tabs": 1, // higher sticky element
 	".block-editor-inserter__search": 1, // higher sticky element
 	".block-library-template-part-selection__search": 1, // higher sticky element
-	".block-library-template-part-selection__overlay": 1, // higher sticky element
+	".block-library-template-part-selection__overlay": 10, // higher than modal header.
 
 	// These next two share a stacking context
 	".interface-complementary-area .components-panel" : 0, // lower scrolling content

diff --git a/packages/block-library/src/template-part/editor.scss b/packages/block-library/src/template-part/editor.scss
@@ -51,7 +51,7 @@
 	display: flex;
 	align-items: center;
 	justify-content: center;
-	background: rgba($gray-700, 0.3);
+	background: rgba($gray-300, 0.75);
 	opacity: 0;
 	transition: opacity 120ms linear;
 	@include reduce-motion("transition");