Skip to content

Styling customizations #18

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

Closed
bmcclure opened this issue Apr 8, 2023 · 1 comment
Closed

Styling customizations #18

bmcclure opened this issue Apr 8, 2023 · 1 comment

Comments

@bmcclure
Copy link

bmcclure commented Apr 8, 2023

I love this card in general, but I'd like to make a few styling changes for how the main card looks on my dashboards. I've been trying to use card_mod to do this, and it works great while editing the card, but the card on my dashboard itself never gets the styling applied for some reason.

By contrast, card_mod is working for me on most other card types.

I'm curious if there is any known way to override the styling of the card?

The styles I'm attempting to apply, which look good while editing the card but do nothing when viewing it, are:

card_mod:
  style: |
    ha-icon {
      transform: scale(1.3) !important;
      position: static !important;
      top: auto !important;
      left: auto !important;
      margin-left: 1rem;
    }
    .tap-area {
      display:flex;
      align-items: center;
    }
    h2 {
      font-size: 1.2em;
      margin: 0 0 0 1rem !important;
    }
@Gh61
Copy link
Owner

Gh61 commented Apr 8, 2023

Thanks for your bug reporting.

Apparently the way I transform the config values for this card is causing problem in loosing the style and/or card_mod values and no styling is then applied.
This will be fixed in the next release.

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

No branches or pull requests

2 participants