thomasloven / lovelace-card-mod

🔹 Add CSS styles to (almost) any lovelace card
MIT License
1.04k stars 169 forks source link

card-mod combined with slider-entity-row #365

Open MaxLucien opened 3 months ago

MaxLucien commented 3 months ago

My Home Assistant version:

Core 2024.3.1 Supervisor 2024.03.0 Operating System 12.1 Frontend 20240307.0

My lovelace configuration method (GUI or yaml): both

What I am doing: creating vertical-stack, combined with slider-entity-row and card-mod

What I expected to happen: that card-mod can fix the empty background on slider-entity-row

What happened instead:

no background available on slider-entity-row through card-mod


# The least amount of code possible to reproduce my error

square: false
type: grid
title: Deckenlampe
columns: 1
cards:
  - type: vertical-stack
    cards:
      - type: entities
        entities:
          - entity: light.wz_deckenlicht_schalter_licht
            name: Licht-Status
            icon: phu:ikea-blind-remote
        state_color: true
      - type: conditional
        conditions:
          - entity: light.wz_deckenlicht_schalter_licht
            state: 'on'
        card:
          type: vertical-stack
          cards:
            - type: entities
              entities:
                - entity: input_boolean.1er_deckenlicht
                  state_color: true
                  name: 1 Lampe
            - type: conditional
              conditions:
                - entity: input_boolean.1er_deckenlicht
                  state: 'on'
              card:
                type: custom:slider-entity-row
                entity: light.1er_deckenlicht_gruppe
                step: 1
                full_row: true
      - type: conditional
        conditions:
          - entity: light.wz_deckenlicht_schalter_licht
            state: 'on'
        card:
          type: vertical-stack
          cards:
            - type: entities
              entities:
                - entity: input_boolean.2er_deckenlicht
                  state_color: true
                  name: 2 Lampen
            - type: conditional
              conditions:
                - entity: input_boolean.2er_deckenlicht
                  state: 'on'
              card:
                type: custom:slider-entity-row
                entity: light.2er_deckenlicht_gruppe
                step: 1
                full_row: true
      - type: conditional
        conditions:
          - entity: light.wz_deckenlicht_schalter_licht
            state: 'on'
        card:
          type: vertical-stack
          cards:
            - type: entities
              entities:
                - entity: input_boolean.3er_deckenlicht
                  state_color: true
                  name: 3 Lampen
            - type: conditional
              conditions:
                - entity: input_boolean.3er_deckenlicht
                  state: 'on'
              card:
                type: custom:slider-entity-row
                entity: light.3er_deckenlicht_gruppe
                step: 1
                full_row: true
      - type: conditional
        conditions:
          - entity: light.wz_deckenlicht_schalter_licht
            state: 'on'
        card:
          type: vertical-stack
          cards:
            - type: entities
              entities:
                - entity: input_boolean.5er_deckenlicht
                  state_color: true
                  name: 5 Lampen
            - type: conditional
              conditions:
                - entity: input_boolean.5er_deckenlicht
                  state: 'on'
              card:  # <--- all of these cards have no background. looks terrible
                type: custom:slider-entity-row
                entity: light.5er_deckenlicht_gruppe
                step: 1
                full_row: true