custom-cards / bar-card

Customizable Animated Bar card for Home Assistant Lovelace
MIT License
364 stars 52 forks source link

Header style doesn't work any more #154

Closed arboeh closed 1 year ago

arboeh commented 1 year ago

Hey, header styling doesn't work since yesterdays update of lovelace-card-mod to 3.2.0 any more. I'm using card-mod with header styling in multiple cards. It still works in other cards, so I don't know exactly which integration is responsible for this bug. Maybe I have to contact Thomas Lovén also. I have this in my card and it worked before without problems:

style: |-
  .card-header {
    padding: 4px 0;
    text-align: center;
    font-size: 1.2rem !important;
    color: var(--secondary-text-color);
    line-height: 40px;
    font-weight: 500;
  }
  bar-card-value {
    font-size: 1.4em;
    font-weight: 500;
    color: var(--text-primary-color);
  }

I figured out that the header element is inside the shadow root element after updating card-mod to 3.2.0:

card-mod 3.2.0: 2022-11-24 10_00_28-Window

card-mod 3.1.5: 2022-11-24 09_58_37-Window

arboeh commented 1 year ago

Closed because of https://github.com/thomasloven/lovelace-card-mod/issues/233