Having a stacked layout for example with content in some regions doesn't allow you to visually determine what's a region and what's a region content. You can't easily see if you're putting a content in the same region below another content or if it's another region already.
As guessing that is hard, it would be nice if regions could have a slight background color, at least when dragging and perhaps other improvements for easier identification would also make sense.
Example: MD
As we are using background color settings on layouts, I'd vote to simply give layouts a different border style (dashed?) plus a bit more border thickness perhaps and a different border color?
Content can stay as it is.
Comments
Comment #2
anybodyComment #3
anybodyWorst example is a 1 col stacked layout, which we're using a lot in our migrations due to technical reasons. Here you can see the issue very clearly. All other layouts will of course also have a benefit from this improvement, but there you can guess the regions by their placement at least a bit.
Comment #4
thomas.frobieterMoved to drowl_layouts where the layout paragraphs UI styles are located:
https://www.drupal.org/project/drowl_layouts/issues/3298548
Comment #5
thomas.frobieterComment #6
anybody? Why didn't you simply move it over?
Comment #7
anybodyComment #8
anybody@thomas.frobieter: I moved it over and closed the other one as duplicate.
Hint: You only have to change the "Project" in Issue metatadata. If that fieldset is collapsed by default, you should expand it, the state is persistent.
Comment #9
anybodyComment #10
thomas.frobieterBecause I thought it would be more fun this way.
Comment #11
thomas.frobieterYes, lets differentiate the region border a little, dashed style should better indicate, that this is a drop area. This also fits our Layout Builder UI styles, so.. good improvement.
Furthermore the border will now become recolored if the region is a drop-target.
Comment #13
thomas.frobieterPushed to dev, fixed in next release.