search

Clooos / Bubble-Card

Bubble Card is a minimalist card collection for Home Assistant with a nice pop-up touch.
MIT License
2.02k stars 57 forks source link

Climate Card #862

Closed willliamchan closed 1 month ago

willliamchan commented 1 month ago

Hi Clooos

Nice job! I haven't really start it yet but I've got a feeling I can remove quite a number of custom selects that built for climate!

Quick one for you tho, can you please advise what do I need to change so climate card resume honouring my custom styling? I tried to replace .bubble-button-card-container to .bubble-climate-container and seems not doing the trick.

.bubble-button-card-container {
  background: ${hass.states['climate.lounge_radiator_cloud'].state !== 'off' ? '#a15750' : ''} !important;
}

${state !== 'off' ? icon.setAttribute("icon",
"mdi:radiator") : icon.setAttribute("icon",
"mdi:radiator-off")};

image

Clooos commented 1 month ago

Hi! I've just tried and it works with:

.bubble-color-background {
  background: ${state !== 'off' ? '#a15750' : ''} !important;
}

I've changed the structure a bit for that card, I understand that this is a bit harder to know what are the variables to edit across the cards. I really can't wait to release my new video about the stylings! This video will make things a lot clearer for a lot of users 🙂

willliamchan commented 1 month ago

Hi! I've just tried and it works with:

.bubble-color-background {
  background: ${state !== 'off' ? '#a15750' : ''} !important;
}

I've changed the structure a bit for that card, I understand that this is a bit harder to know what are the variables to edit across the cards. I really can't wait to release my new video about the stylings! This video will make things a lot clearer for a lot of users 🙂

Thanks man!