banner-card icon indicating copy to clipboard operation
banner-card copied to clipboard

Published 20 hours ago • verified publisher icon nervetattoo

Different entity heights and card height/alignment

Open gohassgo opened this issue 5 years ago • 3 comments

Thanks for this card!

I'm thinking this will be great for a tablet interface, but I'm having alignment issues. The heights of different entity types vary, like those with a toggle vs. a text/numerical state vs. an mdi icon vs. media controls. They can differ in height by just a few px or so. So to get three cards in a row to end up with the same overall height, the entity types/states in the flex rows of each card need to be similar.

gohassgo avatar Jun 20 '19 00:06 gohassgo

Could you please include a screenshot that showcases the issue?

nervetattoo avatar Aug 16 '19 09:08 nervetattoo

Here's a screenshot... image So if the heights of each entity that could be added to a card were all the same size, the cards would always align. The widths are perfect. Thanks

gohassgo avatar Oct 16 '19 00:10 gohassgo

@myfins1 Can't remember where I found them. Could have been from here, https://codepoints.net/U+1F6C1 but I think the emoji site below is easier. Just have to substitute some zeros for the plus sign. Here's one...

https://emojipedia.org/bathtub/ heading: "\U0001f6c1 Bathroom"

gohassgo avatar Mar 10 '20 01:03 gohassgo