From b325176f5e8f932005c0c95bdfc77eb8b9b5bb4b Mon Sep 17 00:00:00 2001 From: mikeyarce Date: Wed, 30 Oct 2019 13:34:30 -0700 Subject: [PATCH] Fix block-mover for images in column block Move block-mover to left side for full or wide images inside column blocks to prevent them overlapping. --- .../src/components/block-list/style.scss | 13 +++++++++++++ 1 file changed, 13 insertions(+) diff --git a/packages/block-editor/src/components/block-list/style.scss b/packages/block-editor/src/components/block-list/style.scss index e06667a0f914e..505a3ecc7d584 100644 --- a/packages/block-editor/src/components/block-list/style.scss +++ b/packages/block-editor/src/components/block-list/style.scss @@ -602,6 +602,19 @@ } } + // Full and Wide Image movers inside column blocks + .wp-block-columns & { + [data-align="full"], + [data-align="wide"] { + &.is-multi-selected > .block-editor-block-mover, + > .block-editor-block-list__block-edit > .block-editor-block-mover { + width: 30px; + left: -$block-side-ui-width - $block-side-ui-clearance - $block-padding - $border-width - $grid-size; + top: -$block-padding - $border-width; + } + } + } + // Clear floats &[data-clear="true"] { float: none;