Lovelace: mini graph card

Share your Projects! Dashboards & Frontend
2182

Using mini-graph-card inside state-switch:

The problem described on GitHub:

Turning on transition hides the state-switch-card completely if using mini-graph-cards

      type: custom:state-switch
      entity: input_select.test_value
      transition: flip
      transition_time: 500
      states:
        one:
          type: custom:mini-graph-card
          entities:
            - entity: sensor.memory_free
        two:
          type: entities
          entities:
            - sun.sun

Solution - add CSS style:

    type: custom:mod-card
    card_mod:
      style:
        state-switch $: |
          div#root .visible mini-graph-card {
            transform: none;
          }
    card:
      type: custom:state-switch
      entity: input_select.test_value
      transition: flip
      transition_time: 500
      states:
        one:
          type: custom:mini-graph-card
          entities:
            - entity: sensor.memory_free
        two:
          type: entities
          entities:
            - sun.sun
1 Like