Maintain left and right padding when embedded

[georgesg]

Maintain left and right padding when embedded

[MPowerData]

Is the solution to this below setting?

.time-picker-row.embedded {
padding: 0px 16px 16px;
}

Because this does not appear to be working for me, even after clearing cache.

[tungmeister]

Is the solution to this below setting?

.time-picker-row.embedded { padding: 0px 16px 16px; }

Because this does not appear to be working for me, even after clearing cache.

did you delete the *.gz version of the card? If you don't that gets used instead so any changes you make to the *.js won't take effect.

[MPowerData]

Is the solution to this below setting?
.time-picker-row.embedded { padding: 0px 16px 16px; }
Because this does not appear to be working for me, even after clearing cache.

did you delete the *.gz version of the card? If you don't that gets used instead so any changes you make to the *.js won't take effect.

Ah, that indeed was needed. Thanks a lot.

I actually changed it to padding: 0px 16px 0px; for a more condensed look.

[GeorgeSG]

Hi,

If I understand correctly, you have 2 embedded cards - one with embedded: true, one without.

This is the expected default behavior:

• when you set embedded: true the card expects it's nested/embedded within another card and removes all padding to align with other components that may be around it.
• when the card does not have embedded: true it acts as if it's a standalone card.

Using embedded: true to reduce vertical padding is a cheat :) I see how it may be something people want though, I'll consider adding a separate option for that.

[GeorgeSG]

Version 1.3.0 adds a thin option that should help.