New rotating icon module
This commit is contained in:
@ -1250,14 +1250,8 @@ views:
|
|||||||
button_action:
|
button_action:
|
||||||
double_tap_action:
|
double_tap_action:
|
||||||
action: none
|
action: none
|
||||||
styles: |-
|
modules:
|
||||||
.bubble-icon {
|
- rotating_icon
|
||||||
animation: ${state === 'on' ? 'slow-rotate 2s linear infinite' : ''};
|
|
||||||
}
|
|
||||||
@keyframes slow-rotate {
|
|
||||||
0% { transform: rotate(0deg); }
|
|
||||||
100% { transform: rotate(360deg); }
|
|
||||||
}
|
|
||||||
- type: custom:bubble-card
|
- type: custom:bubble-card
|
||||||
card_type: button
|
card_type: button
|
||||||
button_type: switch
|
button_type: switch
|
||||||
@ -2463,14 +2457,8 @@ views:
|
|||||||
button_action:
|
button_action:
|
||||||
double_tap_action:
|
double_tap_action:
|
||||||
action: none
|
action: none
|
||||||
styles: |-
|
modules:
|
||||||
.bubble-icon {
|
- rotating_icon
|
||||||
animation: ${state === 'on' ? 'slow-rotate 2s linear infinite' : ''};
|
|
||||||
}
|
|
||||||
@keyframes slow-rotate {
|
|
||||||
0% { transform: rotate(0deg); }
|
|
||||||
100% { transform: rotate(360deg); }
|
|
||||||
}
|
|
||||||
- type: custom:bubble-card
|
- type: custom:bubble-card
|
||||||
card_type: empty-column
|
card_type: empty-column
|
||||||
- type: custom:bubble-card
|
- type: custom:bubble-card
|
||||||
@ -2635,14 +2623,8 @@ views:
|
|||||||
button_action:
|
button_action:
|
||||||
double_tap_action:
|
double_tap_action:
|
||||||
action: none
|
action: none
|
||||||
styles: |-
|
modules:
|
||||||
.bubble-icon {
|
- rotating_icon
|
||||||
animation: ${state === 'on' ? 'slow-rotate 2s linear infinite' : ''};
|
|
||||||
}
|
|
||||||
@keyframes slow-rotate {
|
|
||||||
0% { transform: rotate(0deg); }
|
|
||||||
100% { transform: rotate(360deg); }
|
|
||||||
}
|
|
||||||
- type: custom:bubble-card
|
- type: custom:bubble-card
|
||||||
card_type: button
|
card_type: button
|
||||||
button_type: switch
|
button_type: switch
|
||||||
|
Reference in New Issue
Block a user