lovelace-canary icon indicating copy to clipboard operation
lovelace-canary copied to clipboard

Vertical stack with horizontal-stacks

Open PierreScerri opened this issue 4 years ago • 1 comments

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.

PierreScerri avatar Aug 14 '20 09:08 PierreScerri

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.

zen2 avatar Aug 15 '20 15:08 zen2