Conditional cards in vertical stack take up space when hidden

[john-ruddy]

I stacked up a bunch of conditional cards with messages about the status of my gate sensors and found out they take up space even when they're not shown if they're inside a vertical stack

I moved them outside the vertical-stack and the space went away. The margin space they take up is because of the css rule #root > * { : 4px 0 8px 0; } from the style tag inside the hui-vertical-stack-card element.

[john-ruddy]

On a related note, if a column in a horizontal stack contains only hidden cards it does not get hidden.

I understand that lovelace is in very early phases and that these seem like picky things to point out but I promise that I'm trying to be helpful not annoying. I do not think these issues are urgent.

[jeradM]

Geez stop being so annoying 😉 but seriously, this has been an issue for a while and I'll try to get it fixed today. I think this is a duplicate of #127, but I'm going to leave it open for now since it is specifically about the vertical-stack card so I don't forget to test it there

[john-ruddy]

My second comment is definitely a duplicate of 127 but I haven't dug into things far enough to know if they would be fixed by the same thing

[jeradM]

I suspect that fixing 127 will solve both of these issues

[iantrich]

Resolved: home-assistant/frontend#1999