From d48e61e6c63112d148425a89c6d735d68ff5d97d Mon Sep 17 00:00:00 2001 From: Riad Benguella Date: Mon, 17 Sep 2018 09:46:38 +0100 Subject: [PATCH] Spotlight mode: Fix inactive block's styling regression --- .../src/components/block-list/style.scss | 21 ++++++++++--------- 1 file changed, 11 insertions(+), 10 deletions(-) diff --git a/packages/editor/src/components/block-list/style.scss b/packages/editor/src/components/block-list/style.scss index 6afce0fcbc3858..b059f363d0f08b 100644 --- a/packages/editor/src/components/block-list/style.scss +++ b/packages/editor/src/components/block-list/style.scss @@ -32,16 +32,6 @@ > .editor-block-list__block-edit .reusable-block-edit-panel * { z-index: z-index(".editor-block-list__block-edit .reusable-block-edit-panel *"); } - - &.is-focus-mode:not(.is-multi-selected) { - opacity: 0.5; - transition: opacity 0.1s linear; - - &:not(.is-focused) .editor-block-list__block, - &.is-focused { - opacity: 1; - } - } } @@ -171,6 +161,17 @@ &.is-hovered > .editor-block-list__block-edit::before { outline: $border-width solid theme(outlines); } + + // Spotlight mode + &.is-focus-mode:not(.is-multi-selected) { + opacity: 0.5; + transition: opacity 0.1s linear; + + &:not(.is-focused) .editor-block-list__block, + &.is-focused { + opacity: 1; + } + } }