search

jcwillox / lovelace-canary

🐤 Adds many useful extensions to lovelace, such as templating secondary info, stacking within a card and more!
MIT License
103 stars 4 forks source link

Vertical stack with horizontal-stacks #9

Open PierreScerri opened 4 years ago

PierreScerri commented 4 years ago

The image below shows a vertical stack containing 8 horizontal stacks of buttons and 2 custom:bar-cards.

Screenshot 2020-08-14 at 11 08 24

When I add:

in_card: true

I get:

Screenshot 2020-08-14 at 11 09 03

It seems that horizontal-stack is messing up the vertical spacing.

zen2 commented 4 years ago

I got a similar problem but without horizontal-stack. In my case it's several vertical-stack inside a vertical-stack using "the in-card: true":

 - type: vertical-stack
    in_card: true
    cards:
    - type: vertical-stack
      cards:
      ....
    - type: vertical-stack
      cards:
      ....
    - type: vertical-stack
      cards:
      ....

Without in-card option, spaces are perfect: without

Whit in-card option, there is overlapping: with-in-card

So it seems that the vertical spacing is messed up when we use several level of vertical-stack or horizontal-stack with in-card option set to the top level.