From 8ee49d2446ddfa566c99733e6e9a0902c85e5f33 Mon Sep 17 00:00:00 2001 From: Brandon Payton Date: Wed, 24 Oct 2018 07:53:00 -0700 Subject: [PATCH] Fix multi-selected warning block highlight (#10818) --- packages/editor/src/components/block-list/style.scss | 5 +++++ packages/editor/src/components/warning/style.scss | 5 +++++ 2 files changed, 10 insertions(+) diff --git a/packages/editor/src/components/block-list/style.scss b/packages/editor/src/components/block-list/style.scss index 41d3c1bf264ba9..5ae32d9bdc7edf 100644 --- 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 index 3fa9fa93be3093..bf1ae88e5e07c9 100644 --- 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;