From 597c129bccae48c618163fa98fdee46de4aa27eb Mon Sep 17 00:00:00 2001 From: Joen Asmussen Date: Wed, 13 Nov 2019 09:11:43 +0100 Subject: [PATCH] Fix full-wide on mobile regression. This is a followup to a regression found in #17875, specifically https://github.com/WordPress/gutenberg/pull/17877#discussion_r345191007. The PR refactored horizontal margins, including for full-wide blocks. As a result, full-wide blocks would, on the mboile breakpoint, receive too much negative margin. This PR addresses that. --- .../block-editor/src/components/block-list/style.scss | 9 +++++++-- 1 file changed, 7 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 3a1046ae68c59e..e40b7676be37c1 100644 --- a/packages/block-editor/src/components/block-list/style.scss +++ b/packages/block-editor/src/components/block-list/style.scss @@ -565,8 +565,13 @@ } > .block-editor-block-list__block-edit { - margin-left: -$block-padding - $block-padding - $block-side-ui-width - $border-width - $border-width; - margin-right: -$block-padding - $block-padding - $block-side-ui-width - $border-width - $border-width; + margin-left: -$block-padding; + margin-right: -$block-padding; + + @include break-small() { + margin-left: -$block-padding - $block-padding - $block-side-ui-width - $border-width - $border-width; + margin-right: -$block-padding - $block-padding - $block-side-ui-width - $border-width - $border-width; + } } > .block-editor-block-list__block-edit::before {