Open iandunn opened 3 years ago
Which theme are you using here?
Going forward, we're embracing the fact that by default the editor should look exactly like the frontend (especially in FSE themes), this means that by default the padding is 8px
and that the content width is 100% and as you style your theme you should be able to load the same styles in the editor to match the frontend.
For FSE themes or themes with theme.json file, if you want a small content area, you need to define a default layout. The release post of Gutenberg 10.3 (to be published very shortly) contains more details about this.
It's a custom theme with no editor styles, and the front end looks fine.
Is it expected that all pre-FSE themes should define editor styles to override the default?
Is it expected that all pre-FSE themes should define editor styles to override the default?
I'd say it's not mandatory but it's one of the principles of Gutenberg to be as close as possible to the frontend. In that sense, it's recommended. That said, I feel we could make some improvements here and consider adding some nice default editor styles if the theme don't provide any.
@youknowriad I think if this setting is disabled we should load some nice abstracted styles for writing, etc.
What problem does this address?
The default content styles have almost no left/right padding, and feel uncomfortably squished to me:
It's not until the viewport is
1300px
that you start to get some (implicit) padding, and not until1370px
that you get enough that it feels comfortable to me. Most people don't have monitors that large.26357 increased the
max-width
to840px
, which feels uncomfortably long to me, but I can understand the tradeoffs there. I don't see a reason that the padding can't be increased, though.What is your proposed solution?
Set the padding on tablet/desktop layouts to
40px
(or similar), so that they're always comfortable, regardless of the viewport size.On mobile, maybe drop it down to
20px
.