I could solve this with different targets, but here, the “+” button seems to add a div in my grid, so my last item is not the actual last item, and order property was not applied to the right element.
So, here is quick fix for the most basic issues I’ve mentionned above:
.is-root-container.block-editor-block-list__layout {
display: block;
}
.is-root-container p {
margin-block-start: 1em; /* Set your own p margins here */
margin-block-end: 1em;
}
:where(ul,ol):not([class]), :where(ul,ol).block-editor-block-list__block {
padding-left: 1.5em; /* Set your favorite list padding */
}
NOTE: I use :not([class]) because unfortunately, nav menus & image galleries (and maybe other blocks) still use ul tag to display elements (which seems a bit prehistorical to me!) so I need to exclude them.
And here is my actual SCSS (which also handles headings spacing and removes margins for first and last children):
Great stuff.
I would consider my CSS knowledge “intermediate” at best, so I was only able to keep up with some of that
I’ve found some fiddly things on list items, myself, and have had to add some workaround through trial and error. Your point about Gutenberg being “not easy to tame” is so right. I can never be sure which is a Cwicly issue, and which is just Gute being Gute.
I see what you mean! I always have a WP test website tab open close to my Cwicly test website so that I can quickly check what comes from what
Here, except maybe for the before/after issue which is a bit ambiguous, all problems seem to have been introduced by Cwicly, so hopefully they can Cwicly fix them