Conditional Update Bug

[petrij98]

My Home Assistant version: 0.11.5

My lovelace configuration method (GUI or yaml): yaml

What I am doing: Creating custom animations utilizing mushroom cards. I've programmed the animations to change color based on an RGB bulb's current color.

What I expected to happen: The animation to change color based on the color of the RGB bulb.

What happened instead: The animation will change based on the color of the bulb and will even update if the bulb color is changed from the card. However, there are a number of weird errors created as a result. The two most noticeable is that the background color I set for the icon shape no longer stays applied and the animation won't stop after the light is turned off.

Minimal steps to reproduce:

card_mod:
              style:
                mushroom-shape-icon$: |
                  .shape {
                    background: black !important;
                    {% set light_state = states(config.entity) %}
                    {% if light_state == 'on' %}
                      --shape-animation: ping 2s infinite; 
                    {% else %}
                    {% endif %}
                  }
                  @keyframes ping {
                    0% {box-shadow: 0 0 0 0 rgba({{state_attr(config.entity,'rgb_color') | join(', ')}}, 0.7);}
                    70% {box-shadow: 0 0 0 10px transparent;}
                    100% {box-shadow: 0 0 0 0 transparent;}
                    }

Error messages from the browser console:

N/A

By putting an X in the boxes ([]) below, I indicate that I:

• [X] Understand that this is a channel for reporting bugs, not a support forum (https://community.home-assistant.io/).

• [X] Have made sure I am using the latest version of the plugin.

• [X] Have followed the troubleshooting steps of the "Common Problems" section of https://github.com/thomasloven/hass-config/wiki/Lovelace-Plugins.

• [X] Understand that leaving one or more boxes unticked or failure to follow the template above may increase the time required to handle my bug-report, or cause it to be closed without further action.

[petrij98]

Workaround discovered by Mushroom card community. Keyframes need to be defined within the if statement, not after.