From e013c4c8a0a15e786f5306fc6c20beef9be4c7f3 Mon Sep 17 00:00:00 2001 From: jasmussen Date: Wed, 5 Oct 2022 11:17:32 +0200 Subject: [PATCH 1/2] Placeholder: Fix hover style. --- .../src/components/block-list/style.scss | 13 +++++++++++-- packages/components/src/placeholder/style.scss | 3 +++ 2 files changed, 14 insertions(+), 2 deletions(-) diff --git a/packages/block-editor/src/components/block-list/style.scss b/packages/block-editor/src/components/block-list/style.scss index 15c0a28bcb4ff..a9a1e7824c333 100644 --- a/packages/block-editor/src/components/block-list/style.scss +++ b/packages/block-editor/src/components/block-list/style.scss @@ -264,8 +264,17 @@ .is-outline-mode .block-editor-block-list__block:not(.remove-outline) { &.is-hovered { cursor: default; - box-shadow: inset 0 0 0 $border-width var(--wp-admin-theme-color); - border-radius: $radius-block-ui; + + &::after { + content: ""; + position: absolute; + top: $border-width; + left: $border-width; + right: $border-width; + bottom: $border-width; + box-shadow: 0 0 0 $border-width var(--wp-admin-theme-color); + border-radius: $radius-block-ui - $border-width; + } } &.is-selected { diff --git a/packages/components/src/placeholder/style.scss b/packages/components/src/placeholder/style.scss index 5edcb2dae3e6f..9f5db03711dc7 100644 --- a/packages/components/src/placeholder/style.scss +++ b/packages/components/src/placeholder/style.scss @@ -182,6 +182,9 @@ backdrop-filter: blur(100px); background-color: transparent; + // This appears to fix an occasional Chrome bug where the blurred background would have an incorrect color. + backface-visibility: hidden; + // Invert the colors in themes deemed dark. .is-dark-theme & { background-color: rgba($black, 0.1); From 867536b0fa33849a51460289cd55ef6882e81b30 Mon Sep 17 00:00:00 2001 From: jasmussen Date: Tue, 11 Oct 2022 09:46:25 +0200 Subject: [PATCH 2/2] Enable clicking "Start blank". --- packages/block-editor/src/components/block-list/style.scss | 1 + 1 file changed, 1 insertion(+) diff --git a/packages/block-editor/src/components/block-list/style.scss b/packages/block-editor/src/components/block-list/style.scss index a9a1e7824c333..2f0b0e6c9519a 100644 --- a/packages/block-editor/src/components/block-list/style.scss +++ b/packages/block-editor/src/components/block-list/style.scss @@ -268,6 +268,7 @@ &::after { content: ""; position: absolute; + pointer-events: none; top: $border-width; left: $border-width; right: $border-width;