From abb52be7c984b41859cf128c639c02886d22aabb Mon Sep 17 00:00:00 2001 From: jasmussen Date: Wed, 1 Apr 2020 09:24:13 +0200 Subject: [PATCH 1/2] Fix reusable block horizontal padding regression. https://github.com/WordPress/gutenberg/pull/21099/files#diff-ee2ed3adbe2578628039530c717a9a93R640 introduced a padding attached to the is-root-container. But a reusable block is also a root container. This PR unsets that. --- packages/block-library/src/block/editor.scss | 12 ++++++++++-- 1 file changed, 10 insertions(+), 2 deletions(-) diff --git a/packages/block-library/src/block/editor.scss b/packages/block-library/src/block/editor.scss index 516b41feb5277..035a8e99f4450 100644 --- a/packages/block-library/src/block/editor.scss +++ b/packages/block-library/src/block/editor.scss @@ -1,3 +1,11 @@ -.edit-post-visual-editor .block-library-block__reusable-block-container .block-editor-writing-flow__click-redirect { - min-height: auto; +.edit-post-visual-editor .block-library-block__reusable-block-container { + .block-editor-writing-flow__click-redirect { + min-height: auto; + } + + // Unset the padding that root containers get when they're actually root containers. + .is-root-container { + padding-left: 0; + padding-right: 0; + } } From bc44a7b115b92eb3d843aeb263b6bc6c64a1e477 Mon Sep 17 00:00:00 2001 From: jasmussen Date: Wed, 8 Apr 2020 08:51:25 +0200 Subject: [PATCH 2/2] Fix issue with navigation mode. --- packages/block-library/src/block/edit-panel/editor.scss | 6 ++---- 1 file changed, 2 insertions(+), 4 deletions(-) diff --git a/packages/block-library/src/block/edit-panel/editor.scss b/packages/block-library/src/block/edit-panel/editor.scss index dcaceb1f64e7d..0537c7d052347 100644 --- a/packages/block-library/src/block/edit-panel/editor.scss +++ b/packages/block-library/src/block/edit-panel/editor.scss @@ -48,11 +48,9 @@ } .is-navigate-mode .is-selected .reusable-block-edit-panel { - border-color: $blue-medium-focus; - border-style: solid; - border-bottom: 0; + box-shadow: 0 0 0 $border-width $blue-medium-focus; .is-dark-theme & { - border-color: $blue-medium-focus; + box-shadow: 0 0 0 $border-width $blue-medium-focus; } }