Button card, state et changement visuel

Bonjour à tous !

Je suis en train de passer à la vitesse 2 de mon dashboard en peaufinant ici et là la partie visuelle :blush:
Pour les lumières par pièce, j’ai créé ce type de carte :

Le bouton en haut à gauche, comme vous pouvez le voir, possède un halo bleu autour.
Quand je switch l’interrupteur, il devrai passer en rouge, mais il reste en bleu.

Sauf si je rafraichi la page, donc je pense que mon code est bon mais j’ai comme l’impression que le mode state ne peut prends en compte les changement liés à l’affichage css.

Si je rafraichi la page :

type: custom:stack-in-card
mode: horizontal
cards:
  - type: custom:button-card
    entity: switch.interrupteur_bureau
    show_entity_picture: true
    vertical: false
    color: deep-orange
    icon: mdi:light-switch-off
    hide_state: true
    name: Interrupteur du bureau
    show_name: false
    features_position: inline
    state:
      - entity_picture: /local/images/buttons/inter1.png
        value: "off"
        styles:
          entity_picture:
            - box-shadow: rgb(24, 126, 153) 2px 2px 30px 2px;
          card:
            - width: 110px
            - padding: 4px
      - entity_picture: /local/images/buttons/inter_rouge.png
        value: "on"
        styles:
          entity_picture:
            - box-shadow: rgb(228, 49, 49) 2px 2px 30px 2px;
          card:
            - width: 110px
            - padding: 4px

Pensez-vous possible de faire ce changement d’état du box-shadow à la volée ou ce n’est techniquement pas possible ?

Bonjour,
enlève le ; a la fin des box-shadow. Pas besoin de ; a la fin des lignes pour button-card. C’est pour card_mod qu’il les faut.
test vite fais chez moi et pas de souci.
image
image

1 « J'aime »

Hello,
Bravo !
C’était bien cela, je cherche depuis un moment… :blush:

Merci beaucoup. :pray:

1 « J'aime »

Ce sujet a été automatiquement fermé après 2 jours. Aucune réponse n’est permise dorénavant.