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;
|
||||
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
|
||||
columns: '[[columns]]'
|
||||
main_button_name:
|
||||
@ -123,24 +109,6 @@ streamline_templates:
|
||||
} !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 {
|
||||
background: transparent
|
||||
}
|
||||
@ -223,20 +191,6 @@ streamline_templates:
|
||||
background-color: ${state === 'on' ? 'var(--error-color)' : 'var(--background-color-2)'} !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:
|
||||
defaults:
|
||||
- name: ''
|
||||
@ -263,9 +217,6 @@ streamline_templates:
|
||||
opacity: 1 !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:
|
||||
defaults:
|
||||
- name: ''
|
||||
@ -285,13 +236,6 @@ streamline_templates:
|
||||
background-color: ${hass.states['[[hot_entity]]'].state === 'on' ? 'var(--error-color)' : 'var(--background-color-2)'} !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:
|
||||
defaults:
|
||||
name: ''
|
||||
@ -621,38 +565,6 @@ views:
|
||||
!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
|
||||
template: main_button_name
|
||||
variables:
|
||||
@ -768,46 +680,6 @@ views:
|
||||
!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:
|
||||
- condition: user
|
||||
users:
|
||||
@ -851,46 +723,6 @@ views:
|
||||
!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:
|
||||
- condition: user
|
||||
users:
|
||||
@ -942,46 +774,6 @@ views:
|
||||
!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
|
||||
card_type: button
|
||||
button_type: name
|
||||
@ -1077,20 +869,6 @@ views:
|
||||
background-color: ${state === 'on' ? 'var(--accent-color)' : 'var(--bubble-main-background-color)'} !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:
|
||||
action: navigate
|
||||
navigation_path: '#front-porch'
|
||||
@ -1313,9 +1091,6 @@ views:
|
||||
opacity: 1 !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:
|
||||
- default
|
||||
entity: switch.front_porch_storm_mode
|
||||
@ -1351,9 +1126,6 @@ views:
|
||||
opacity: 1 !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:
|
||||
- default
|
||||
- type: custom:bubble-card
|
||||
@ -1375,9 +1147,6 @@ views:
|
||||
opacity: 1 !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
|
||||
template: popup_timer_card
|
||||
variables:
|
||||
@ -2675,9 +2444,6 @@ views:
|
||||
opacity: 1 !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
|
||||
card_type: button
|
||||
button_type: state
|
||||
@ -2702,20 +2468,6 @@ views:
|
||||
background-color: ${state === 'on' ? 'var(--error-color)' : 'var(--background-color-2)'} !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
|
||||
cards:
|
||||
- type: custom:bubble-card
|
||||
@ -3078,9 +2830,6 @@ views:
|
||||
opacity: 1 !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
|
||||
card_type: button
|
||||
button_type: state
|
||||
@ -3105,20 +2854,6 @@ views:
|
||||
background-color: ${state === 'on' ? 'var(--error-color)' : 'var(--background-color-2)'} !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
|
||||
conditions:
|
||||
- condition: state
|
||||
@ -3249,20 +2984,6 @@ views:
|
||||
background-color: ${state === 'on' ? 'var(--error-color)' : 'var(--background-color-2)'} !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
|
||||
card_type: separator
|
||||
name: Doors
|
||||
|
Reference in New Issue
Block a user