From 7a06a10ede27fc5105bd59ca23b18ef2098a4619 Mon Sep 17 00:00:00 2001 From: Jorge Costa Date: Mon, 15 Jul 2019 14:07:51 +0100 Subject: [PATCH] Fix: Block Movers disappear on middle breakpoints for full/wide blocks. (#16579) * Fix: Block Movers disappear on middle breakpoints for full/wide blocks. * Update packages/block-editor/src/components/block-list/style.scss Co-Authored-By: Kjell Reigstad --- .../src/components/block-list/style.scss | 30 +++++++++++-------- 1 file changed, 17 insertions(+), 13 deletions(-) diff --git a/packages/block-editor/src/components/block-list/style.scss b/packages/block-editor/src/components/block-list/style.scss index 8ee3558ddf639..9897ea51d6301 100644 --- a/packages/block-editor/src/components/block-list/style.scss +++ b/packages/block-editor/src/components/block-list/style.scss @@ -439,19 +439,6 @@ float: left; } - // Hide mover until wide breakpoints, or it might be covered by toolbar - &.is-multi-selected > .block-editor-block-mover, - > .block-editor-block-list__block-edit > .block-editor-block-mover { - display: none; - } - - @include break-wide() { - &.is-multi-selected > .block-editor-block-mover, - > .block-editor-block-list__block-edit > .block-editor-block-mover { - display: block; - } - } - // Beyond the mobile breakpoint, wide images stretch outside of the column. // To center the toolbar, we make it inline-flex so the toolbar is not full-wide. @include break-small () { @@ -464,6 +451,23 @@ .block-editor-block-mover.is-visible + .block-editor-block-list__breadcrumb { top: (-$block-padding - $block-left-border-width - ($grid-size-small / 2)); } + + // Align block toolbar to floated content. + @include break-mobile() { + .block-editor-block-toolbar { + /*!rtl:begin:ignore*/ + left: $block-side-ui-width * 3 + ($grid-size-small * 1.5); + /*!rtl:end:ignore*/ + } + } + + @include break-xlarge() { + .block-editor-block-toolbar { + /*!rtl:begin:ignore*/ + left: $block-padding; + /*!rtl:end:ignore*/ + } + } } // Wide