Skip to content

Widths set on Blocks Everywhere in Forums breaks layout #207

@adamwoodnz

Description

@adamwoodnz

Unfortunately the styles added in #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%;
}

Metadata

Metadata

Assignees

No one assigned

    Labels

    bugSomething isn't working

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions