generateblocks icon indicating copy to clipboard operation
generateblocks copied to clipboard

Spacing - Padding/Margin - mixed unit and auto support

Open diggeddy opened this issue 3 years ago • 1 comments

Add a MIXed units option that will allow the user to directly enter the value/unit into the field eg. 15%. For padding this will allow for mixing PX/EM/% For margins this could also allow for the auto value to be added for Container ( not grid item container ), Headline and Buttons.

Screenshot 2021-10-29 at 01 44 09

Auto Margins Left / Right on Contained Container Block will allow users to align containers:

Screenshot 2021-10-29 at 01 53 29

For Grid Item Containers auto margins would need to be applied to the gb-grid-column so would require a separate interface. Which could be something as simple as an Horizontal Alignment option on the Grid Container.... will require some testing.

diggeddy avatar Oct 29 '21 01:10 diggeddy

@diggeddy nice to see this improvement requested. I was only thinking the other day this is needed, so nice to see you've done it already! I like the way you've proposed handling it too and should give us even more control over the way things are or can be aligned. A very common example is I've quite often found myself wanting to align buttons to the bottom of a grid container whilst everything else is flex-start, so being able to add auto margins should help there :)

eastriverstudio avatar May 03 '22 12:05 eastriverstudio

This is brilliant! I propose:

  1. Pencil icon UI (More compact than "mix"; represents "custom")
  2. Pass user input ~verbatim as CSS attribute -> allows var() and calc() functions as well as novel units

echase avatar Feb 23 '23 01:02 echase

Completed in GenerateBlocks 1.8

diggeddy avatar Sep 26 '23 09:09 diggeddy