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