artem-sedykh / mini-climate-card

Minimalistic climate card for Home Assistant Lovelace UI
MIT License
281 stars 19 forks source link

CSS improvement for hidden secondary_info #100

Open ThomDietrich opened 2 years ago

ThomDietrich commented 2 years ago

Hey guys. I'm, using the new option to hide the secondary_info, introduced in #95.

  - type: custom:mini-climate
    entity: climate.room
    hide_current_temperature: true
    toggle:
      hide: true
    secondary_info:
      hide: false

image

As you can see, the remaining primary text is still aligned to the top. It would be desired to align it center, in line with the icons and temperatures.

This is far beyond my CSS capabilities. Hoping for an CSS expert to jump in! Thanks!!

DaN66O commented 1 year ago

try this:

card_mod:
  style: | 
    .entity__info__name {
      padding-top: 18%;
    }

Screenshot_10