Just deleting the --row-height value or setting it to 0 does the trick, and it doesn’t break anything. Before you could work around this by using negative margins with card-mod, but now even if you do, the min-height is enforced by the parent.
This could be adjustable, or as easy as a setting like the “Force square” in Grid cards. If either you want a small card to fit the row, or just compact based on its content (my preferred way).
Just found out this was the cause of my dashboards that have been migrated to sections to have a lot of unneeded whitespace. Did anyone find a workaround for this yet?
Same exact issue… I’m using bubble card dividers in my sections view and it’s leaving a ton of white space. If I uncheck it in dev view it’s PERFECTION!
Quick follow up that you can modify the card’s YAML and set the grid option’s “rows” value from a number to “auto”. The dashboard will then not enforce the card’s height anymore, but let it adapt to the content inside the card.
grid_options:
rows: auto
You can also let the layout UI generate the code by changing the height of a card to a non-default value (red arrow in the screenshot below), head over to the YAML editor of the card and replace the number you’ve just set with “auto”:
