Skip to content

Commit

Permalink
Fix full-wide on mobile regression.
Browse files Browse the repository at this point in the history
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.
  • Loading branch information
Joen Asmussen authored and jasmussen committed Nov 15, 2019
1 parent 8e2cd5b commit 3606f0a
Showing 1 changed file with 7 additions and 2 deletions.
9 changes: 7 additions & 2 deletions packages/block-editor/src/components/block-list/style.scss
Original file line number Diff line number Diff line change
Expand Up @@ -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 {
Expand Down

0 comments on commit 3606f0a

Please sign in to comment.