Improved Margin / Padding Controls

Updated code? LOL

(I’m not seeing 60px anywhere.)

Ah, I updated my code on the Gist I linked to (the 60px is coming from Bricks)

4 Likes

One final adjustment for me (lol, longest thread on the forum!)…

[data-control=spacing][data-type=spacing] .handle.left,
[data-control=spacing][data-type=spacing] .handle.right {
    width: calc(50% - 15px);
    top: 35px;   
}

15px in the calc, instead of 30px.

Looks more balanced to me.

Not sure if it’s exact though, but it’s better than 30px for me.

2 Likes

This is nice. We don’t need to have a webflow look UI in Bricks.

3 Likes

Bit shocked that they kept this design in 1.5.1 stable though no one likes it. Bit worried about upcoming other decisions in the future at the moment.

4 Likes

I, for one, am totally fine with Bricks going pro and removing unit dropdowns. Not sure how this will work with the upcoming default unit setting, though.

Regarding the new margin/padding UI — it’s fancy looking, but I think it’s unnecessary. Simple wide inputs work best as you don’t have to click them to see the whole variable name.

1 Like

Hi, and thanks for this suggestion.
Looks the best to me as well :slight_smile:

4 Likes

I believe most of us are waiting for an official response about this. :wink:

6 Likes

RE: them removing the measurement for the default unit setting, I do think there was a more elegant way of doing this.

Example from MT:

8 Likes

I would also love that the custom CSS reflects in GUI (and vice versa)

2 Likes