Skip to content
This repository has been archived by the owner on Jun 14, 2022. It is now read-only.

WP 5.5: full width blocks not stretched edge to edge in editor #395

Closed
dreamwhisper opened this issue Aug 12, 2020 · 1 comment · Fixed by #401
Closed

WP 5.5: full width blocks not stretched edge to edge in editor #395

dreamwhisper opened this issue Aug 12, 2020 · 1 comment · Fixed by #401
Milestone

Comments

@dreamwhisper
Copy link

Describe the bug
WordPress 5.5 adjusted padding to add 10px on .editor-styles-wrapper as part of WordPress/gutenberg#22213

There, full width blocks were adjusted to add right/left -10px margin to compensate. However, the CSS used is this:

.block-editor-block-list__layout.is-root-container > .wp-block[data-align="full"] {
	margin-left: -10px;
	margin-right: -10px;
}

Atomic Blocks has an outer wrapper on blocks like Container and Advanced Columns so > .wp-block[data-align="full"] won't apply. As such, the blocks are no longer "full" width.

To Reproduce
Steps to reproduce the behavior:

  1. Using 5.5, add a Container and Advanced Columns block.
  2. Set it to full width.
  3. Note that the block does not stretch edge to edge.

Expected behavior
Full width blocks with stretch edge to edge in the block editor.

Screenshots
Screen Shot 2020-08-12 at 9 40 17 AM

Additional context
Add any other context about the problem here.

@nickcernis nickcernis added this to the 2.8.6 milestone Sep 2, 2020
@nickcernis
Copy link
Collaborator

Looks like we need to port the fix from https://github.com/studiopress/genesis-blocks/pull/45.

Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.
Labels
None yet
Projects
None yet
Development

Successfully merging a pull request may close this issue.

2 participants