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

Question: Card Mod sometimes not working #412

Open
duczz opened this issue Nov 12, 2024 · 0 comments
Open

Question: Card Mod sometimes not working #412

duczz opened this issue Nov 12, 2024 · 0 comments

Comments

@duczz
Copy link

duczz commented Nov 12, 2024

Hey im on 2024.11.1 / card-mod 3.4.3 and have since more Versions following Problem.

in this Image you see on the bottom lines these should be not there when you check the card code below
wrong:
image

correct:
image

someone knows why the correct images shows me only after many refreshes, maybe a slowly loading card_mod?

type: custom:stack-in-card
title: ""
mode: vertical
keep:
  background: true
  border_radius: true
card_mod:
  style: |
    ha-card {
      border: none;
      height: 70px;
    }
cards:
  - type: custom:simple-weather-card
    entity: sensor.weather_penthouse_tag_0
    name: " "
    primary_info:
      - extrema
    secondary_info:
      - precipitation_probability
      - wind_speed
    backdrop:
      day: var(--primary-color)
      night: "#40445a"
    tap_action:
      action: navigate
      navigation_path: wetter
    card_mod:
      style: |
        ha-card {
          padding-left: 8px !important;
          padding-right: 8px !important;
          padding-top: 0px !important;
          padding-bottom: 0px !important;
          height: 70px;
        }
        ha-card[bg] {
          font-weight: 500 !important;
          font-size: 14px;
        }
        .weather__icon {
          margin-right: 10px !important;
        }
        .weather__icon--small {
          margin-right: 3px !important;
        }
        .weather__info__state {
            max-width: 90px;
            white-space: normal !important;
        }
        .weather__info__row {
            max-width: 140px !important;
            display: contents !important;
        }
  - type: custom:digital-clock
    locale: de
    dateFormat:
      weekday: long
      day: 2-digit
      month: 2-digit
      year: 2-digit
    firstLineFormat: T ''
    card_mod:
      style: |
        ha-card {
          width: 150px;
          left: 52%;
          background-color: transparent;
          margin: -82px;
          box-shadow: none;
          border: none;
        }  
        span.first-line {
          font-size: 3.2em;
          margin-bottom: 0px;
        }
        span.second-line {
          font-size: 1em;
          font-weight: 500;
          margin-bottom: 5px;
        }
  - type: custom:mushroom-chips-card
    card_mod:
      style: |
        ha-card {
          --chip-box-shadow: none;
          --chip-background: none;
          border: none;
          margin-top: -94px;
          margin-left: -27px;
        }
    chips:
      - type: template
        entity: sensor.penthouse_temperature_feels_like
        icon: none
        icon_color: none
        content: |
          {{ states(entity) }}°C
        tap_action:
          action: more-info
        card_mod:
          style: |
            ha-card {
              border: none;
              --chip-height: 36px;
            }
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

1 participant