blocks-everywhere icon indicating copy to clipboard operation
blocks-everywhere copied to clipboard

Widths set on Blocks Everywhere in Forums breaks layout

Open adamwoodnz opened this issue 9 months ago • 0 comments

Unfortunately the styles added in https://github.com/Automattic/blocks-everywhere/pull/201 to correct the editor width break the layout in a couple of scenarios:

  1. We launched a new Forums theme which has a wider content layout, so the 620px width isn't compatible
  2. On mobile devices the 620px width causes horizontal overflow (in both the old and new themes)

Screenshots

New theme desktop New theme mobile Old theme mobile
Screenshot 2024-04-30 at 9 21 59 AM wordpress org_support_forum_installation__old-theme=0(Samsung Galaxy S20 Ultra) wordpress org_support_forum_installation__old-theme=1(Samsung Galaxy S20 Ultra)

Suggested fix

This seems to work in all the scenarios above:

.gutenberg-support #bbpress-forums fieldset.bbp-form .blocks-everywhere {
    max-width: 100%;
    min-width: 100%;
}

adamwoodnz avatar Apr 29 '24 21:04 adamwoodnz