Fix multi-selected warning block highlight (#10818)

WordPress · Oct 24, 2018 · 8ee49d2 · 8ee49d2
1 parent 184b10c
commit 8ee49d2
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 0 deletions.
diff --git a/packages/editor/src/components/block-list/style.scss b/packages/editor/src/components/block-list/style.scss
@@ -232,6 +232,11 @@
 		left: -$block-padding;
 	}
 
+	// Avoid conflict with the multi-selection highlight color.
+	&.has-warning.is-multi-selected .editor-block-list__block-edit::after {
+		background-color: transparent;
+	}
+
 	&.has-warning.is-selected .editor-block-list__block-edit::after {
 		bottom: ( $block-toolbar-height - $block-padding - $border-width );
 

diff --git a/packages/editor/src/components/warning/style.scss b/packages/editor/src/components/warning/style.scss
@@ -8,6 +8,11 @@
 	text-align: left;
 	padding: 20px;
 
+	// Avoid conflict with the multi-selection highlight color.
+	.has-warning.is-multi-selected & {
+		background-color: transparent;
+	}
+
 	.editor-warning__message {
 		line-height: $default-line-height;
 		font-family: $default-font;