search

pkissling / clock-weather-card

A Home Assistant Card indicating today's date/time, along with an iOS inspired weather forecast for the next days with animated icons
Other
303 stars 65 forks source link

Add the possibility to customize text/icons size. #362

Open diegort opened 2 months ago

diegort commented 2 months ago

Is your feature request related to a problem? Please describe. The "problem" behind is when you have a dashboard in a medium sized tablet (around 8"), the texts are diificult to read at a glance if you are not too close to the screen

Describe the solution you'd like I would like to have the possibility to increase the font size for several texts, so it is consistent with the current design. Other options like automatic sizing depending on dpi or whatever are welcomed

Describe alternatives you've considered I have been playing with card-mod, but as you haave to modify each item individually, the final result can be a bit messy

Additional context

northportio commented 2 months ago

Noticing the same issue. Can you share the card mods that you found that worked?

ostpol commented 2 months ago

I made this:

2024-04-29_21-38-03 
card_mod:
  style: |
    ha-card {
      --bar-height: 1em !important;
    }
    clock-weather-card-today-left {
      display: none !important;
    }
    clock-weather-card-today-right {
      justify-content: flex-start !important;
      height: 2em;
    }
    clock-weather-card-today-right-wrap-top {
      display: none !important;
    }
    clock-weather-card-today-right-wrap-center::before {
      content: "Aktuell:\00a0";
    }
    clock-weather-card-today-right-wrap-center {
      font-size: 1em !important;
      font-weight: bold;
    }