Climate card new design

There has been a recent redesign of the climate card in lovelace. I love the new look, but it only seems that I can access the new look when I click on the card on my dashboard.

Is there any way of showing the new card directly on the dashboard rather that have it unnecessarily popup?

New climate popup card is the top image - the bottom image is the dashboard climate card.


image

1 Like
3 Likes

This is how I made mine with more info card and card mod

type: custom:more-info-card
entity: climate.daikin_office
title: Daikin Office
card_mod:
  style:
    state-card-climate$: |
      state-info {display: none;}
      ha-climate-state {
        align-items: flex-start;
        margin-left: 0;
        margin-bottom: 5px;
        margin-top: -20px;
        }
    state-card-climate$ ha-climate-state$: |
      div.target {display: none;}
    more-info-climate$: |
      div.current {display: none;}
      div.controls:not(:last-child) {
        margin-top: -15px;
        margin-bottom: 5px;
        }
4 Likes

Really nice - I’ve copied your code :+1:

Hi all,
I’m replying on this topic as you already started changing the default look.
Do you have any idea if / how to change from a gauge to a simple linear slider?

It’s a pity that when using it on a 4K screen (scaling 150%) with browser at 100% but in a corner of the screen (FHD screen size), the popup is too large to include the extra commands :frowning:

Is there an easy way to revert this change. The new card design has stuffed my layout around.


Because i use them in a grid they are quite small. On mobile this means we have lost access to current temp in all 3 bedrooms due to the new display sizes. Also it looks worse in my opinion.