Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

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

Open
4 tasks done
xmcp opened this issue Jul 18, 2024 · 2 comments
Open
4 tasks done

Comments

@xmcp
Copy link

xmcp commented Jul 18, 2024

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:

  • Understand that this is a channel for reporting bugs, not a support forum (https://community.home-assistant.io/).
  • Have made sure I am using the latest version of the plugin.
  • Have followed the troubleshooting steps of the "Common Problems" section of https://github.com/thomasloven/hass-config/wiki/Lovelace-Plugins.
  • Understand that leaving one or more boxes unticked or failure to follow the template above may increase the time required to handle my bug-report, or cause it to be closed without further action.
@larswnd
Copy link

larswnd commented Jul 24, 2024

I can confirm that. I have the same problem

@spartan117aut
Copy link

Same here.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

3 participants