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

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

Open
diegort opened this issue Apr 11, 2024 · 3 comments
Open

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

diegort opened this issue Apr 11, 2024 · 3 comments
Labels
enhancement New feature or request

Comments

@diegort
Copy link

diegort commented Apr 11, 2024

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

@pkissling pkissling added the enhancement New feature or request label Apr 13, 2024
@northportio
Copy link

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

@ostpol
Copy link

ostpol commented Apr 29, 2024

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;
    }

@Jens-Wymeersch
Copy link

@ostpol hope you are doing well. Just wondering how I would be able to change the icon size ?

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

No branches or pull requests

5 participants