Focus mode: Lots of unrelated whitespace.

[jameskoster]

The blue container in the screenshot above encompasses the entirety of the pattern. The whitespace above / below is caused by a couple of things:

1. Padding on the body applied in global styles
2. The appended inserter

These combine to somewhat taint the edit experience, as you're never 100% certain whether this whitespace is part of the pattern or not. It makes the overall experience feel a little buggy.

We can probably remove the body padding – it's not really relevant here as a pattern is never going to be viewed in isolation on the frontend.

For the inserter, perhaps we can try hiding it when the pattern is not empty?

[Ren2049]

If it's the TT3 theme then the padding is part of the global styles layout of the theme. I've started a new site with TT3 from scratch today and had to remove the padding it from the global layout as well, same for the global block spacing which also doesn't belong there.

I guess they did it globally because it worked with their overall design style which is kind of exotic with that high amount of whitespace. For future default themes it might be a good idea to build the default theme with end user modifciation in mind which will be pattern based of course.

There are some good nuggets in this default Webflow design system everybody there is using which could be adapted for WP, basically as a general guideline for how themes should be build: https://finsweet.com/client-first/docs

[jameskoster]

The issue here is that it doesn't really make sense for the global padding to be visible when editing a template part in isolation.

[Mamaduka]

Is this the same issue as #51937?

[jameskoster]

Yes it is, thank you.