Taille des icones responsive dans Picture Elements Card

Bonjour à tous,

Je cherche à continu la discution du forum en anglais ici pour trouver une solution aux icônes d’un Picture Elements Card qui ne sont pas responsive et qui ne s’adapte pas bien entre le PC et la tablette et l’application mobile :


Source :

Partage le code :+1:

Alors pour les icônes ça marche plutôt bien :

- type: icon
    icon: hass:home-export-outline
    tap_action:
      action: navigate
      navigation_path: /lovelace-tablette/default_view
    style:
      top: 6%
      left: 4%
      '--mdc-icon-size': 6vw
      color: '#1abc9c'

et pour les icônes avec état, bizarrement même avec un --mdc-icon-size': 6vw il y a un déplacement entre la tablette, le PC et le smartphone !

  - type: state-icon
    entity: switch.lumiere_entree
    tap_action:
      action: toggle
    style:
      top: 95%
      left: 4%
      '--mdc-icon-size': 6vw

et donc en attendant le debbug, j’utilise transform: translate(-50%, -50%) scale(3, 3) pour les state-icon car oui ce dernier ne prend pas en compte translate(-50%, -50%) alors que icon oui

Un an est passé et toujours pas de correction ?