Twenty Fifteen: Bulleted list block appears too far to the left in the editor.

[kjellr]

Twenty Fifteen contains some unnecessary margin rules for bulleted lists in the editor, that result in the list block being pushed far off to the left on large screens:

.edit-post-visual-editor ul:not(.wp-block-gallery),
.editor-block-list__block ul:not(.wp-block-gallery),
.block-library-list ul,
.edit-post-visual-editor ol,
.editor-block-list__block ol,
.block-library-list ol {
	margin: 0 0 1.6em 1.3333em;
	...
}

This issue is visible using WordPress 5.4, but only with the Gutenberg plugin (v7.9.1) active. These margins can be removed, and the block can inherit the default Gutenberg margins to correct the problem. This causes no issues on 5.4 even the the plugin is deactivated.

---

Before:

After:

[ianbelanger]

Gutenberg active

[ianbelanger]

Gutenberg inactive

[ianbelanger]

Hey @kjellr, I can't recreate the issue using GB V7.9.1. See my screenshots above. You'll notice that the paragraph and list blocks are both aligned the same way. With GB active, the content width is no longer respected, as it is with GB inactive.

[kjellr]

Thanks for testing, @ianbelanger. That’s odd! What browser are you using there? I just re-tested with Gutenberg v8.0.0 now that it’s been released, and I’m still seeing the issue persist:

The patch above still seems to fix it. Would you mind re-testing with 8.0.0?

[ianbelanger]

Hey @kjellr,

I just tested it again with GB 8.0.0 and all seems to be working as you reported. I see the bug and after applying your patch, the issue is fixed. I'm going to test a little more and if all goes well I'll get this committed.

Thanks for your work on this!!

[ianbelanger]

In 47934:

Bundled Themes: Twenty Fifteen bulleted list block appears too far to the left in the editor.

Fixes the issue by removing unnecessary margin rules for bulleted lists in the editor.

Props kjellr.
Fixes #50029.

[ianbelanger]

Reopening for backport.

[desrosj]

With 5.5 just under 5 weeks away, there is no 5.4.3 planned.