From cfaf7a8c4545a48ce543aa810db210df840f591d Mon Sep 17 00:00:00 2001 From: Kjell Reigstad Date: Mon, 18 Mar 2019 14:13:37 -0400 Subject: [PATCH 1/2] Use transparency in hover state left borders. --- packages/block-editor/src/components/block-list/style.scss | 4 ++-- packages/editor/src/components/post-title/style.scss | 6 +++++- 2 files changed, 7 insertions(+), 3 deletions(-) diff --git a/packages/block-editor/src/components/block-list/style.scss b/packages/block-editor/src/components/block-list/style.scss index 4a72cb3ed3423..ea0477aba7a74 100644 --- a/packages/block-editor/src/components/block-list/style.scss +++ b/packages/block-editor/src/components/block-list/style.scss @@ -158,10 +158,10 @@ // Hover style. &.is-hovered > .block-editor-block-list__block-edit::before { - box-shadow: -$block-left-border-width 0 0 0 $light-gray-500; + box-shadow: -$block-left-border-width 0 0 0 $dark-opacity-light-500; .is-dark-theme & { - box-shadow: -$block-left-border-width 0 0 0 $dark-gray-600; + box-shadow: -$block-left-border-width 0 0 0 $light-opacity-light-400; } } diff --git a/packages/editor/src/components/post-title/style.scss b/packages/editor/src/components/post-title/style.scss index a065097cd6465..2196946168b5d 100644 --- a/packages/editor/src/components/post-title/style.scss +++ b/packages/editor/src/components/post-title/style.scss @@ -75,7 +75,11 @@ &:not(.is-focus-mode):not(.has-fixed-toolbar):not(.is-selected) { .editor-post-title__input:hover { - box-shadow: -$block-left-border-width 0 0 0 $light-gray-500; + box-shadow: -$block-left-border-width 0 0 0 $dark-opacity-light-500; + + .is-dark-theme & { + box-shadow: -$block-left-border-width 0 0 0 $light-opacity-light-400; + } } } From 8d1cc8d2bf623298e0e2ddd366a2cba98a87c1b3 Mon Sep 17 00:00:00 2001 From: Kjell Reigstad Date: Mon, 18 Mar 2019 14:55:13 -0400 Subject: [PATCH 2/2] Eliminate extra space. --- packages/block-editor/src/components/block-list/style.scss | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/packages/block-editor/src/components/block-list/style.scss b/packages/block-editor/src/components/block-list/style.scss index ea0477aba7a74..b1566d2ae03ca 100644 --- a/packages/block-editor/src/components/block-list/style.scss +++ b/packages/block-editor/src/components/block-list/style.scss @@ -158,7 +158,7 @@ // Hover style. &.is-hovered > .block-editor-block-list__block-edit::before { - box-shadow: -$block-left-border-width 0 0 0 $dark-opacity-light-500; + box-shadow: -$block-left-border-width 0 0 0 $dark-opacity-light-500; .is-dark-theme & { box-shadow: -$block-left-border-width 0 0 0 $light-opacity-light-400;