thomasloven / lovelace-layout-card

🔹 Get more control over the placement of lovelace cards.
MIT License
1.08k stars 127 forks source link

Thermostat entities in horizontal layout-card have wrong height after upgraded to 2024.7 #299

Open xmcp opened 4 months ago

xmcp commented 4 months ago

My Home Assistant version: 2024.7.2

Layout-card version (FROM BROWSER CONSOLE): 2.4.5

What I am doing: I have multiple thermostat cards in a horizontal layout-card. I upgraded home assistant from 2024.6.x to 2024.7.2.

What I expected to happen: The page should look like this (in 2024.6.x).

image

What happened instead: After the upgrade, the thermostat cards have incorrect height.

image

Minimal steps to reproduce:

  1. Set up a climate entity. Assume that it has the entity ID climate.thermo.
  2. Add the below UI into lovelace.
  3. Confirm that the height is incorrect.
views:
  - title: Home
    cards:
      - type: custom:layout-card
        layout_type: custom:horizontal-layout
        layout: {}
        cards:
          - type: thermostat
            entity: climate.thermo
          - type: thermostat
            entity: climate.thermo
          - type: thermostat
            entity: climate.thermo
          - type: thermostat
            entity: climate.thermo
          - type: thermostat
            entity: climate.thermo
    type: custom:vertical-layout
    layout:
      max_width: 1600

This issue can be fixed by adding the below CSS to each of the thermostat cards:

card_mod:
  style: |
    :host {
      height: unset !important;
    }

Error messages from the browser console:

No.


By putting an X in the boxes ([X]) below, I indicate that I:

larswnd commented 3 months ago

I can confirm that. I have the same problem

spartan117aut commented 3 months ago

Same here.