you actually arent even using those keyframes because you are using the spin animation in your animation code instead which is built into mushroom. wobbling isnt a built in one, so you would need keyframes, but you arent using it.
ha-state-icon {
{% if is_state(config.entity,'on') %}
animation: spin 1.0s linear infinite;
{% else %}
animation: spin 5s linear infinite;
{% endif %}
}
When addressing icons in chips you cant target the chip directly. you need to go through the main chip card, like this (nth-child, being the number of the chip you are targetting):
type: custom:mushroom-chips-card
chips:
- type: template
icon: mdi:test-tube
icon_color: green
content: Test
entity: switch.office_screen_left
card_mod:
style:
mushroom-template-chip:nth-child(1)$: |
ha-state-icon {
{% if is_state(config.entity,'on') %}
animation: spin 1.0s linear infinite;
{% else %}
animation: spin 5s linear infinite;
{% endif %}
}
this also means that unfortunately that we cant use config.entity to target the entity in the chip, as it isnt passed to the main chip card. so you have to specify the entity in your if statement.
type: custom:mushroom-chips-card
chips:
- type: template
icon: mdi:test-tube
icon_color: green
content: Test
entity: switch.office_screen_left
card_mod:
style:
mushroom-template-chip:nth-child(1)$: |
ha-state-icon {
{% if is_state('fan.fan','on') %}
animation: spin 1.0s linear infinite;
{% else %}
animation: spin 5s linear infinite;
{% endif %}
}
this is from experience, the built in animations like spin, dont always seem to react well in chips on all browsers, so i would add keyframes for it just in case.
Is there any way to dynamic flex/resize mushroom template cards?
I’d like the card to cover the whole row if there is no conditional card showing up and adjust its width accordingly if a conditional card is active at the end of the same row
Climate card, is there a way I can specify an alternative temp sensor rather than the default one that is picked up from my aircon unit, which is not accurate. TiA
Im trying to simplify one of my light cards. Right now I have pool lights that have call it 10 different colors they can change to which are all listed in effect. So what happens right now is when I go to turn on the light it pops up another box to turn the light on or off but also has a drop down with all the color lights listed under effect. I would like to have that drop down on the main light card instead of a separate pop up window so that I can choose the color and then light it be set that way. Is there anyway to handle this?
The mushroom number card is only supposed to be used for input_number. or number. entities.
so only entities where the number can be changed by the user. it is slider, not a bar.
if you want bars that are filled in based on a number look into the bar card. you can then style it to be similar to the mushroom cards like i have here:
Hello, for a few weeks now I have had the problem that I can no longer switch off the light and the Sybol no longer lights up when the light is on. Have there been any changes made by Home assitant and what can I change to make it work again? Thanks in advance.
what integration are you using for the light ?
if you goto developer tools then the STATES tab and find the light entity what is the state of the light?
Sorry I should have been more clear, these aren’t your typical RGB lights that can change a million colors, there are 10 or so defined colors that change based on the effect lists. They change colors by turning the light on and off until it gets to the desired color. I assume the color sequence is based on the integration(Jandy iAquaLink). With that being said I don’t believe the RGB light card would do the trick. All I’m really trying to do is eliminate the pop up of another window that shows on/off and the effect drop down box. I would like the drop down box in the main mushroom light card if possible.