Fix full-wide on mobile regression. (#18469)

This is a followup to a regression found in #17875, specifically #17877 (comment). 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.
WordPress · Nov 18, 2019 · 17a6ab0 · 17a6ab0
1 parent 6ecd59b
commit 17a6ab0
Showing 1 changed file with 7 additions and 2 deletions.
diff --git 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 {