Remove icon styling from mobile dashboard
This commit is contained in:
@ -34,20 +34,6 @@ streamline_templates:
|
|||||||
background-color: ${state === 'on' ? 'var(--error-color)' : 'var(--bubble-main-background-color)'} !important;
|
background-color: ${state === 'on' ? 'var(--error-color)' : 'var(--bubble-main-background-color)'} !important;
|
||||||
transition: background-color 1s !important;
|
transition: background-color 1s !important;
|
||||||
}
|
}
|
||||||
.bubble-icon-container {
|
|
||||||
background: ${state === 'on' ? 'var(--error-color)' : 'var(--card-background-color)'} !important;
|
|
||||||
}
|
|
||||||
.bubble-icon-container::after {
|
|
||||||
opacity: ${state === 'on' ? 0.3 : 0} !important;
|
|
||||||
transition: all 1s !important;
|
|
||||||
}
|
|
||||||
.bubble-icon {
|
|
||||||
display: flex !important;
|
|
||||||
opacity: 0.5 !important;
|
|
||||||
}
|
|
||||||
.is-on .bubble-icon {
|
|
||||||
opacity: 1 !important;
|
|
||||||
}
|
|
||||||
show_state: false
|
show_state: false
|
||||||
columns: '[[columns]]'
|
columns: '[[columns]]'
|
||||||
main_button_name:
|
main_button_name:
|
||||||
@ -123,24 +109,6 @@ streamline_templates:
|
|||||||
} !important;
|
} !important;
|
||||||
transition: background-color 1s !important;
|
transition: background-color 1s !important;
|
||||||
}
|
}
|
||||||
.bubble-icon-container {
|
|
||||||
background: ${
|
|
||||||
occupancy === 'on' ? 'var(--accent-color)' : 'var(--card-background-color)'
|
|
||||||
} !important;
|
|
||||||
}
|
|
||||||
.bubble-icon-container::after {
|
|
||||||
opacity: ${
|
|
||||||
occupancy === 'on' ? 0.3 : 0
|
|
||||||
} !important;
|
|
||||||
transition: all 1s !important;
|
|
||||||
}
|
|
||||||
.bubble-icon {
|
|
||||||
display: flex !important;
|
|
||||||
opacity: 0.5 !important;
|
|
||||||
}
|
|
||||||
.is-on .bubble-icon {
|
|
||||||
opacity: 1 !important;
|
|
||||||
}
|
|
||||||
.bubble-sub-button {
|
.bubble-sub-button {
|
||||||
background: transparent
|
background: transparent
|
||||||
}
|
}
|
||||||
@ -223,20 +191,6 @@ streamline_templates:
|
|||||||
background-color: ${state === 'on' ? 'var(--error-color)' : 'var(--background-color-2)'} !important;
|
background-color: ${state === 'on' ? 'var(--error-color)' : 'var(--background-color-2)'} !important;
|
||||||
transition: background-color 1s !important;
|
transition: background-color 1s !important;
|
||||||
}
|
}
|
||||||
.bubble-icon-container {
|
|
||||||
background: ${state === 'on' ? 'var(--error-color)' : 'var(--card-background-color)'} !important;
|
|
||||||
}
|
|
||||||
.bubble-icon-container::after {
|
|
||||||
opacity: ${state === 'on' ? 0.3 : 0} !important;
|
|
||||||
transition: all 1s !important;
|
|
||||||
}
|
|
||||||
.bubble-icon {
|
|
||||||
display: flex !important;
|
|
||||||
opacity: 0.5 !important;
|
|
||||||
}
|
|
||||||
.is-on .bubble-icon {
|
|
||||||
opacity: 1 !important;
|
|
||||||
}
|
|
||||||
popup_accent_color_button:
|
popup_accent_color_button:
|
||||||
defaults:
|
defaults:
|
||||||
- name: ''
|
- name: ''
|
||||||
@ -263,9 +217,6 @@ streamline_templates:
|
|||||||
opacity: 1 !important;
|
opacity: 1 !important;
|
||||||
background-color: ${state === 'on' ? 'var(--accent-color)' : 'var(--background-color-2)'} !important;
|
background-color: ${state === 'on' ? 'var(--accent-color)' : 'var(--background-color-2)'} !important;
|
||||||
}
|
}
|
||||||
.bubble-icon {
|
|
||||||
color: ${state === 'on' ? 'var(--accent-color)' : 'var(--text-color)'} !important;
|
|
||||||
}
|
|
||||||
popup_temperature_button:
|
popup_temperature_button:
|
||||||
defaults:
|
defaults:
|
||||||
- name: ''
|
- name: ''
|
||||||
@ -285,13 +236,6 @@ streamline_templates:
|
|||||||
background-color: ${hass.states['[[hot_entity]]'].state === 'on' ? 'var(--error-color)' : 'var(--background-color-2)'} !important;
|
background-color: ${hass.states['[[hot_entity]]'].state === 'on' ? 'var(--error-color)' : 'var(--background-color-2)'} !important;
|
||||||
transition: background-color 1s !important;
|
transition: background-color 1s !important;
|
||||||
}
|
}
|
||||||
.bubble-icon-container {
|
|
||||||
background: ${hass.states['[[hot_entity]]'].state === 'on' ? 'var(--error-color)' : 'var(--card-background-color)'} !important;
|
|
||||||
}
|
|
||||||
.bubble-icon-container::after {
|
|
||||||
opacity: ${hass.states['[[hot_entity]]'].state === 'on' ? 0.3 : 0} !important;
|
|
||||||
transition: all 1s !important;
|
|
||||||
}
|
|
||||||
popup_timer_card:
|
popup_timer_card:
|
||||||
defaults:
|
defaults:
|
||||||
name: ''
|
name: ''
|
||||||
@ -621,38 +565,6 @@ views:
|
|||||||
!important;
|
!important;
|
||||||
transition: background-color 1s !important;
|
transition: background-color 1s !important;
|
||||||
}
|
}
|
||||||
.bubble-icon-container {
|
|
||||||
background:
|
|
||||||
{% set feeding_reminders = states('counter.rabbit_feeding_reminder_count') | int %}
|
|
||||||
{% set cleaning_reminders = states('counter.rabbit_hutch_cleaning_reminder_count') | int %}
|
|
||||||
{% if feeding_reminders == 0 and cleaning_reminders == 0 %}
|
|
||||||
var(--card-background-color)
|
|
||||||
{% elif feeding_reminders < 3 and cleaning_reminders < 3 %}
|
|
||||||
var(--warning-color)
|
|
||||||
{% else %}
|
|
||||||
var(--error-color)
|
|
||||||
{% endif %}
|
|
||||||
!important;
|
|
||||||
}
|
|
||||||
.bubble-icon-container::after {
|
|
||||||
opacity:
|
|
||||||
{% set feeding_reminders = states('counter.rabbit_feeding_reminder_count') | int %}
|
|
||||||
{% set cleaning_reminders = states('counter.rabbit_hutch_cleaning_reminder_count') | int %}
|
|
||||||
{% if feeding_reminders > 0 or cleaning_reminders > 0 %}
|
|
||||||
0.3
|
|
||||||
{% else %}
|
|
||||||
0
|
|
||||||
{% endif %}
|
|
||||||
!important;
|
|
||||||
transition: all 1s !important;
|
|
||||||
}
|
|
||||||
.bubble-icon {
|
|
||||||
display: flex !important;
|
|
||||||
opacity: 0.5 !important;
|
|
||||||
}
|
|
||||||
.is-on .bubble-icon {
|
|
||||||
opacity: 1 !important;
|
|
||||||
}
|
|
||||||
- type: custom:streamline-card
|
- type: custom:streamline-card
|
||||||
template: main_button_name
|
template: main_button_name
|
||||||
variables:
|
variables:
|
||||||
@ -768,46 +680,6 @@ views:
|
|||||||
!important;
|
!important;
|
||||||
transition: background-color 1s !important;
|
transition: background-color 1s !important;
|
||||||
}
|
}
|
||||||
.bubble-icon-container {
|
|
||||||
background:
|
|
||||||
{% set counters = states.counter
|
|
||||||
| selectattr('entity_id','contains','tony')
|
|
||||||
| selectattr('entity_id','contains','meds')
|
|
||||||
| map(attribute='state')
|
|
||||||
| max
|
|
||||||
| int %}
|
|
||||||
{% if counters == 0 %}
|
|
||||||
var(--card-background-color)
|
|
||||||
{% elif counters < 3 %}
|
|
||||||
var(--warning-color)
|
|
||||||
{% else %}
|
|
||||||
var(--error-color)
|
|
||||||
{% endif %}
|
|
||||||
!important;
|
|
||||||
}
|
|
||||||
.bubble-icon-container::after {
|
|
||||||
opacity:
|
|
||||||
{% set counters = states.counter
|
|
||||||
| selectattr('entity_id','contains','tony')
|
|
||||||
| selectattr('entity_id','contains','meds')
|
|
||||||
| map(attribute='state')
|
|
||||||
| max
|
|
||||||
| int %}
|
|
||||||
{% if counters > 0 %}
|
|
||||||
0.3
|
|
||||||
{% else %}
|
|
||||||
0
|
|
||||||
{% endif %}
|
|
||||||
!important;
|
|
||||||
transition: all 1s !important;
|
|
||||||
}
|
|
||||||
.bubble-icon {
|
|
||||||
display: flex !important;
|
|
||||||
opacity: 0.5 !important;
|
|
||||||
}
|
|
||||||
.is-on .bubble-icon {
|
|
||||||
opacity: 1 !important;
|
|
||||||
}
|
|
||||||
visibility:
|
visibility:
|
||||||
- condition: user
|
- condition: user
|
||||||
users:
|
users:
|
||||||
@ -851,46 +723,6 @@ views:
|
|||||||
!important;
|
!important;
|
||||||
transition: background-color 1s !important;
|
transition: background-color 1s !important;
|
||||||
}
|
}
|
||||||
.bubble-icon-container {
|
|
||||||
background:
|
|
||||||
{% set counters = states.counter
|
|
||||||
| selectattr('entity_id','contains','tina')
|
|
||||||
| selectattr('entity_id','contains','meds')
|
|
||||||
| map(attribute='state')
|
|
||||||
| max
|
|
||||||
| int %}
|
|
||||||
{% if counters == 0 %}
|
|
||||||
var(--card-background-color)
|
|
||||||
{% elif counters < 3 %}
|
|
||||||
var(--warning-color)
|
|
||||||
{% else %}
|
|
||||||
var(--error-color)
|
|
||||||
{% endif %}
|
|
||||||
!important;
|
|
||||||
}
|
|
||||||
.bubble-icon-container::after {
|
|
||||||
opacity:
|
|
||||||
{% set counters = states.counter
|
|
||||||
| selectattr('entity_id','contains','tina')
|
|
||||||
| selectattr('entity_id','contains','meds')
|
|
||||||
| map(attribute='state')
|
|
||||||
| max
|
|
||||||
| int %}
|
|
||||||
{% if counters > 0 %}
|
|
||||||
0.3
|
|
||||||
{% else %}
|
|
||||||
0
|
|
||||||
{% endif %}
|
|
||||||
!important;
|
|
||||||
transition: all 1s !important;
|
|
||||||
}
|
|
||||||
.bubble-icon {
|
|
||||||
display: flex !important;
|
|
||||||
opacity: 0.5 !important;
|
|
||||||
}
|
|
||||||
.is-on .bubble-icon {
|
|
||||||
opacity: 1 !important;
|
|
||||||
}
|
|
||||||
visibility:
|
visibility:
|
||||||
- condition: user
|
- condition: user
|
||||||
users:
|
users:
|
||||||
@ -942,46 +774,6 @@ views:
|
|||||||
!important;
|
!important;
|
||||||
transition: background-color 1s !important;
|
transition: background-color 1s !important;
|
||||||
}
|
}
|
||||||
.bubble-icon-container {
|
|
||||||
background:
|
|
||||||
{% set counters = states.counter
|
|
||||||
| selectattr('entity_id','contains','kallen')
|
|
||||||
| selectattr('entity_id','contains','meds')
|
|
||||||
| map(attribute='state')
|
|
||||||
| max
|
|
||||||
| int %}
|
|
||||||
{% if counters == 0 %}
|
|
||||||
var(--card-background-color)
|
|
||||||
{% elif counters < 3 %}
|
|
||||||
var(--warning-color)
|
|
||||||
{% else %}
|
|
||||||
var(--error-color)
|
|
||||||
{% endif %}
|
|
||||||
!important;
|
|
||||||
}
|
|
||||||
.bubble-icon-container::after {
|
|
||||||
opacity:
|
|
||||||
{% set counters = states.counter
|
|
||||||
| selectattr('entity_id','contains','kallen')
|
|
||||||
| selectattr('entity_id','contains','meds')
|
|
||||||
| map(attribute='state')
|
|
||||||
| max
|
|
||||||
| int %}
|
|
||||||
{% if counters > 0 %}
|
|
||||||
0.3
|
|
||||||
{% else %}
|
|
||||||
0
|
|
||||||
{% endif %}
|
|
||||||
!important;
|
|
||||||
transition: all 1s !important;
|
|
||||||
}
|
|
||||||
.bubble-icon {
|
|
||||||
display: flex !important;
|
|
||||||
opacity: 0.5 !important;
|
|
||||||
}
|
|
||||||
.is-on .bubble-icon {
|
|
||||||
opacity: 1 !important;
|
|
||||||
}
|
|
||||||
- type: custom:bubble-card
|
- type: custom:bubble-card
|
||||||
card_type: button
|
card_type: button
|
||||||
button_type: name
|
button_type: name
|
||||||
@ -1077,20 +869,6 @@ views:
|
|||||||
background-color: ${state === 'on' ? 'var(--accent-color)' : 'var(--bubble-main-background-color)'} !important;
|
background-color: ${state === 'on' ? 'var(--accent-color)' : 'var(--bubble-main-background-color)'} !important;
|
||||||
transition: background-color 1s !important;
|
transition: background-color 1s !important;
|
||||||
}
|
}
|
||||||
.bubble-icon-container {
|
|
||||||
background: ${state === 'on' ? 'var(--accent-color)' : 'var(--card-background-color)'} !important;
|
|
||||||
}
|
|
||||||
.bubble-icon-container::after {
|
|
||||||
opacity: ${state === 'on' ? 0.3 : 0} !important;
|
|
||||||
transition: all 1s !important;
|
|
||||||
}
|
|
||||||
.bubble-icon {
|
|
||||||
display: flex !important;
|
|
||||||
opacity: 0.5 !important;
|
|
||||||
}
|
|
||||||
.is-on .bubble-icon {
|
|
||||||
opacity: 1 !important;
|
|
||||||
}
|
|
||||||
tap_action:
|
tap_action:
|
||||||
action: navigate
|
action: navigate
|
||||||
navigation_path: '#front-porch'
|
navigation_path: '#front-porch'
|
||||||
@ -1313,9 +1091,6 @@ views:
|
|||||||
opacity: 1 !important;
|
opacity: 1 !important;
|
||||||
background-color: ${state === 'on' ? 'var(--accent-color)' : 'var(--background-color-2)'} !important;
|
background-color: ${state === 'on' ? 'var(--accent-color)' : 'var(--background-color-2)'} !important;
|
||||||
}
|
}
|
||||||
.bubble-icon {
|
|
||||||
color: ${state === 'on' ? 'var(--accent-color)' : 'var(--text-color)'} !important;
|
|
||||||
}
|
|
||||||
modules:
|
modules:
|
||||||
- default
|
- default
|
||||||
entity: switch.front_porch_storm_mode
|
entity: switch.front_porch_storm_mode
|
||||||
@ -1351,9 +1126,6 @@ views:
|
|||||||
opacity: 1 !important;
|
opacity: 1 !important;
|
||||||
background-color: ${state === 'on' ? 'var(--accent-color)' : 'var(--background-color-2)'} !important;
|
background-color: ${state === 'on' ? 'var(--accent-color)' : 'var(--background-color-2)'} !important;
|
||||||
}
|
}
|
||||||
.bubble-icon {
|
|
||||||
color: ${state === 'on' ? 'var(--accent-color)' : 'var(--text-color)'} !important;
|
|
||||||
}
|
|
||||||
modules:
|
modules:
|
||||||
- default
|
- default
|
||||||
- type: custom:bubble-card
|
- type: custom:bubble-card
|
||||||
@ -1375,9 +1147,6 @@ views:
|
|||||||
opacity: 1 !important;
|
opacity: 1 !important;
|
||||||
background-color: ${state === 'on' ? 'var(--success-color)' : 'var(--background-color-2)'} !important;
|
background-color: ${state === 'on' ? 'var(--success-color)' : 'var(--background-color-2)'} !important;
|
||||||
}
|
}
|
||||||
.bubble-icon {
|
|
||||||
color: ${state === 'on' ? 'var(--success-color)' : 'var(--text-color)'} !important;
|
|
||||||
}
|
|
||||||
- type: custom:streamline-card
|
- type: custom:streamline-card
|
||||||
template: popup_timer_card
|
template: popup_timer_card
|
||||||
variables:
|
variables:
|
||||||
@ -2675,9 +2444,6 @@ views:
|
|||||||
opacity: 1 !important;
|
opacity: 1 !important;
|
||||||
background-color: ${state === 'on' ? 'var(--accent-color)' : 'var(--background-color-2)'} !important;
|
background-color: ${state === 'on' ? 'var(--accent-color)' : 'var(--background-color-2)'} !important;
|
||||||
}
|
}
|
||||||
.bubble-icon {
|
|
||||||
color: ${state === 'on' ? 'var(--accent-color)' : 'var(--text-color)'} !important;
|
|
||||||
}
|
|
||||||
- type: custom:bubble-card
|
- type: custom:bubble-card
|
||||||
card_type: button
|
card_type: button
|
||||||
button_type: state
|
button_type: state
|
||||||
@ -2702,20 +2468,6 @@ views:
|
|||||||
background-color: ${state === 'on' ? 'var(--error-color)' : 'var(--background-color-2)'} !important;
|
background-color: ${state === 'on' ? 'var(--error-color)' : 'var(--background-color-2)'} !important;
|
||||||
transition: background-color 1s !important;
|
transition: background-color 1s !important;
|
||||||
}
|
}
|
||||||
.bubble-icon-container {
|
|
||||||
background: ${state === 'on' ? 'var(--error-color)' : 'var(--card-background-color)'} !important;
|
|
||||||
}
|
|
||||||
.bubble-icon-container::after {
|
|
||||||
opacity: ${state === 'on' ? 0.3 : 0} !important;
|
|
||||||
transition: all 1s !important;
|
|
||||||
}
|
|
||||||
.bubble-icon {
|
|
||||||
display: flex !important;
|
|
||||||
opacity: 0.5 !important;
|
|
||||||
}
|
|
||||||
.is-on .bubble-icon {
|
|
||||||
opacity: 1 !important;
|
|
||||||
}
|
|
||||||
- type: horizontal-stack
|
- type: horizontal-stack
|
||||||
cards:
|
cards:
|
||||||
- type: custom:bubble-card
|
- type: custom:bubble-card
|
||||||
@ -3078,9 +2830,6 @@ views:
|
|||||||
opacity: 1 !important;
|
opacity: 1 !important;
|
||||||
background-color: ${state === 'on' ? 'var(--accent-color)' : 'var(--background-color-2)'} !important;
|
background-color: ${state === 'on' ? 'var(--accent-color)' : 'var(--background-color-2)'} !important;
|
||||||
}
|
}
|
||||||
.bubble-icon {
|
|
||||||
color: ${state === 'on' ? 'var(--accent-color)' : 'var(--text-color)'} !important;
|
|
||||||
}
|
|
||||||
- type: custom:bubble-card
|
- type: custom:bubble-card
|
||||||
card_type: button
|
card_type: button
|
||||||
button_type: state
|
button_type: state
|
||||||
@ -3105,20 +2854,6 @@ views:
|
|||||||
background-color: ${state === 'on' ? 'var(--error-color)' : 'var(--background-color-2)'} !important;
|
background-color: ${state === 'on' ? 'var(--error-color)' : 'var(--background-color-2)'} !important;
|
||||||
transition: background-color 1s !important;
|
transition: background-color 1s !important;
|
||||||
}
|
}
|
||||||
.bubble-icon-container {
|
|
||||||
background: ${state === 'on' ? 'var(--error-color)' : 'var(--card-background-color)'} !important;
|
|
||||||
}
|
|
||||||
.bubble-icon-container::after {
|
|
||||||
opacity: ${state === 'on' ? 0.3 : 0} !important;
|
|
||||||
transition: all 1s !important;
|
|
||||||
}
|
|
||||||
.bubble-icon {
|
|
||||||
display: flex !important;
|
|
||||||
opacity: 0.5 !important;
|
|
||||||
}
|
|
||||||
.is-on .bubble-icon {
|
|
||||||
opacity: 1 !important;
|
|
||||||
}
|
|
||||||
- type: conditional
|
- type: conditional
|
||||||
conditions:
|
conditions:
|
||||||
- condition: state
|
- condition: state
|
||||||
@ -3249,20 +2984,6 @@ views:
|
|||||||
background-color: ${state === 'on' ? 'var(--error-color)' : 'var(--background-color-2)'} !important;
|
background-color: ${state === 'on' ? 'var(--error-color)' : 'var(--background-color-2)'} !important;
|
||||||
transition: background-color 1s !important;
|
transition: background-color 1s !important;
|
||||||
}
|
}
|
||||||
.bubble-icon-container {
|
|
||||||
background: ${state === 'on' ? 'var(--error-color)' : 'var(--card-background-color)'} !important;
|
|
||||||
}
|
|
||||||
.bubble-icon-container::after {
|
|
||||||
opacity: ${state === 'on' ? 0.3 : 0} !important;
|
|
||||||
transition: all 1s !important;
|
|
||||||
}
|
|
||||||
.bubble-icon {
|
|
||||||
display: flex !important;
|
|
||||||
opacity: 0.5 !important;
|
|
||||||
}
|
|
||||||
.is-on .bubble-icon {
|
|
||||||
opacity: 1 !important;
|
|
||||||
}
|
|
||||||
- type: custom:bubble-card
|
- type: custom:bubble-card
|
||||||
card_type: separator
|
card_type: separator
|
||||||
name: Doors
|
name: Doors
|
||||||
|
|||||||
Reference in New Issue
Block a user