Padding is now accessible from the Styles tab for new responsive! Here are the changes you should be aware of:
You can find these padding controls in the layout tab, which now also lives in the Styles tab property editor. These controls will not be accessible for elements that do not yet have padding or if your page is on legacy responsive.
If you’ve applied a Style to your element, the padding values corresponding to that style will appear as greyed-out placeholders in the property editor.
You may override the padding values from your Style, which will persist when you edit, remove, or swap out that Style
We’ve added a button “re-apply padding from style” to if you’ve overridden any padding values and want to reset them to the ones from your style:
If you haven’t overridden any values, you’ll see the button “edit style”, which will take you to the Styles tab so you can edit accordingly:
Hopefully this new functionality makes building easier and more efficient!
Hmm interesting, not sure yet if it’s related as I can’t reproduce on my end. It would be great if you could submit a bug report so we can look into this in more detail
cool, this will save me a bunch of time, thanks!
a quick comment i wanted to make, also as this tweet got some action on twitter, and i thought it might be a very quick fix. https://twitter.com/TipsBubble/status/1535279368745910273
would it be possible in the editor to make padding above margin instead of below it?
I always accidentally adjust padding instead of margin when building my page and it is not only me.
to replicate just try to build a few pages with many groups. you always switch between groups and click and adjust the bottom inputs of this popup shown, padding, instead of what you want, margin.
then half an hour later you notice (or search for ages, for the issue)
no worries if you cant do that, but in general I ask you to check out twitter as this is where a lot of the power users hang out and share feedback/suggestions for bubble. (Why not the idea board, as it is so hard to navigate/scroll all the way, prioritize)
One thing I think of as I contemplate integrating this into my app: the first use case I will tackle is buttons; I have wanted variable width buttons that look good for a long time, and this enables that!
The issue is that right now, my buttons all have fixed heights/widths because padding wasn’t available until recently.
So to get use out of this feature, I would need to go through each button and change the height/width settings.
Is it possible to imagine/come up with a way to modify the heights/widths of all elements that have a certain style?
@patrice.bonfy@GH5T@ihsanzainal84@dee Thank you for submitting bug reports and very sorry for any inconvenience this has caused — just deployed a fix for this behavior!
The problem is still there. I have paddings set in the reusable element, but they are completely ignored because the indents are not set in the styles. It turns out that if the padding is not set in the styles, the other values are ignored. This breaks the whole application.
