Hey guys,
I had a great grid card last couple of years which always worked, but it has stopped now.
The card wouldnt be visible if there was no garbage collection due today or tomorrow.
When it would, it would show what (plastic, green or garbage) and slowly blink their color (blue, green or grey.)
The card works without the colors anymore. Anyone know what has changed or how to fix it?
type: grid
cards:
- type: custom:state-switch
entity: sensor.pbd_ophalen
default: 7
states:
'0':
type: markdown
style: |
ha-card {
box-shadow: none;
font-size: 18px;
animation: blink 5s infinite;
text-align: center;
padding: 0px}
@keyframes blink {
40% {
background-color:blue;
}
content: '# Vandaag Plastic'
- type: custom:state-switch
entity: sensor.gft_ophalen
default: 7
states:
'0':
type: markdown
style: |
ha-card {
box-shadow: none;
font-size: 18px;
animation: blink 5s infinite;
text-align: center;
padding: 0px}
@keyframes blink {
40% {
background-color:green;
}
content: '# Vandaag GFT'
- type: custom:state-switch
entity: sensor.restafval_ophalen
default: 7
states:
'0':
type: markdown
style: |
ha-card {
box-shadow: none;
font-size: 18px;
animation: blink 5s infinite;
text-align: center;
padding: 0px}
@keyframes blink {
40% {
background-color:grey;
}
content: '# Vandaag Restafval'
- type: custom:state-switch
entity: sensor.gft_ophalen
default: 0
states:
'1':
type: markdown
style: |
ha-card {
box-shadow: none;
font-size: 18px;
animation: blink 5s infinite;
text-align: center;
padding: 0px}
@keyframes blink {
40% {
background-color:green;
}
content: '# Morgen GFT'
- type: custom:state-switch
entity: sensor.pbd_ophalen
default: 0
states:
'1':
type: markdown
style: |
ha-card {
box-shadow: none;
font-size: 18px;
animation: blink 5s infinite;
text-align: center;
padding: 0px}
@keyframes blink {
40% {
background-color:blue;
}
content: '# Morgen Plastic'
- type: custom:state-switch
entity: sensor.restafval_ophalen
default: 0
states:
'1':
type: markdown
style: |
ha-card {
box-shadow: none;
font-size: 18px;
animation: blink 5s infinite;
text-align: center;
padding: 0px}
@keyframes blink {
40% {
background-color:grey;
}
content: '# Morgen Restafval'
columns: 1
square: false