Switch to bubble climate cards on mobile dashboard
This saves space, and also fits the aesthetic of the mobile dashboard whereas the old card didn't entirely fit.
This commit is contained in:
@ -1298,58 +1298,24 @@ views:
|
|||||||
entity: input_boolean.basement_studio_heat_allowed
|
entity: input_boolean.basement_studio_heat_allowed
|
||||||
state: 'on'
|
state: 'on'
|
||||||
card:
|
card:
|
||||||
type: custom:stack-in-card
|
type: custom:bubble-card
|
||||||
cards:
|
card_type: climate
|
||||||
- features:
|
sub_button:
|
||||||
- style: icons
|
- entity: climate.basement_studio_vtherm
|
||||||
type: climate-hvac-modes
|
select_attribute: hvac_modes
|
||||||
hvac_modes:
|
name: HVAC modes menu
|
||||||
- 'off'
|
state_background: true
|
||||||
- heat
|
- name: Presets menu
|
||||||
- type: target-temperature
|
select_attribute: preset_modes
|
||||||
- style: dropdown
|
state_background: false
|
||||||
type: climate-preset-modes
|
show_arrow: true
|
||||||
preset_modes:
|
name: Thermostat
|
||||||
- none
|
entity: climate.basement_studio_vtherm
|
||||||
- frost
|
state_color: false
|
||||||
- eco
|
visibility:
|
||||||
- comfort
|
- condition: state
|
||||||
- boost
|
entity: input_boolean.basement_studio_heat_allowed
|
||||||
type: tile
|
state: 'on'
|
||||||
entity: climate.basement_studio_vtherm
|
|
||||||
vertical: false
|
|
||||||
show_entity_picture: false
|
|
||||||
hide_state: false
|
|
||||||
name: Basement Studio Heater
|
|
||||||
- type: horizontal-stack
|
|
||||||
cards:
|
|
||||||
- type: custom:bubble-card
|
|
||||||
card_type: button
|
|
||||||
button_type: state
|
|
||||||
entity: switch.basement_studio_heater
|
|
||||||
name: Heater Running
|
|
||||||
show_attribute: false
|
|
||||||
tap_action:
|
|
||||||
action: none
|
|
||||||
double_tap_action:
|
|
||||||
action: none
|
|
||||||
hold_action:
|
|
||||||
action: none
|
|
||||||
button_action:
|
|
||||||
tap_action:
|
|
||||||
action: none
|
|
||||||
double_tap_action:
|
|
||||||
action: none
|
|
||||||
hold_action:
|
|
||||||
action: none
|
|
||||||
styles: |-
|
|
||||||
.bubble-button-background {
|
|
||||||
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: horizontal-stack
|
- type: horizontal-stack
|
||||||
cards:
|
cards:
|
||||||
- type: custom:bubble-card
|
- type: custom:bubble-card
|
||||||
@ -2565,29 +2531,19 @@ views:
|
|||||||
card:
|
card:
|
||||||
type: custom:stack-in-card
|
type: custom:stack-in-card
|
||||||
cards:
|
cards:
|
||||||
- features:
|
- type: custom:bubble-card
|
||||||
- style: icons
|
card_type: climate
|
||||||
type: climate-hvac-modes
|
sub_button:
|
||||||
hvac_modes:
|
- select_attribute: hvac_modes
|
||||||
- fan_only
|
name: HVAC modes menu
|
||||||
- dry
|
state_background: true
|
||||||
- cool
|
- name: Presets menu
|
||||||
- auto
|
select_attribute: preset_modes
|
||||||
- 'off'
|
state_background: false
|
||||||
- type: target-temperature
|
show_arrow: true
|
||||||
- style: dropdown
|
name: Thermostat
|
||||||
type: climate-fan-modes
|
|
||||||
- style: dropdown
|
|
||||||
type: climate-preset-modes
|
|
||||||
preset_modes:
|
|
||||||
- none
|
|
||||||
- eco
|
|
||||||
type: tile
|
|
||||||
entity: climate.master_bedroom_aircon
|
entity: climate.master_bedroom_aircon
|
||||||
vertical: false
|
state_color: false
|
||||||
show_entity_picture: false
|
|
||||||
hide_state: false
|
|
||||||
name: Air Conditioner
|
|
||||||
- type: horizontal-stack
|
- type: horizontal-stack
|
||||||
cards:
|
cards:
|
||||||
- type: custom:bubble-card
|
- type: custom:bubble-card
|
||||||
@ -3011,58 +2967,19 @@ views:
|
|||||||
entity: input_boolean.emma_bedroom_heater_installed
|
entity: input_boolean.emma_bedroom_heater_installed
|
||||||
state: 'on'
|
state: 'on'
|
||||||
card:
|
card:
|
||||||
type: custom:stack-in-card
|
type: custom:bubble-card
|
||||||
cards:
|
card_type: climate
|
||||||
- features:
|
sub_button:
|
||||||
- style: icons
|
- select_attribute: hvac_modes
|
||||||
type: climate-hvac-modes
|
name: HVAC modes menu
|
||||||
hvac_modes:
|
state_background: true
|
||||||
- 'off'
|
- name: Presets menu
|
||||||
- heat
|
select_attribute: preset_modes
|
||||||
- type: target-temperature
|
state_background: false
|
||||||
- style: dropdown
|
show_arrow: true
|
||||||
type: climate-preset-modes
|
name: Thermostat
|
||||||
preset_modes:
|
entity: climate.emma_bedroom_vtherm
|
||||||
- none
|
state_color: false
|
||||||
- frost
|
|
||||||
- eco
|
|
||||||
- comfort
|
|
||||||
- boost
|
|
||||||
type: tile
|
|
||||||
entity: climate.emma_bedroom_vtherm
|
|
||||||
vertical: false
|
|
||||||
show_entity_picture: false
|
|
||||||
hide_state: false
|
|
||||||
name: Emma Bedroom Heater
|
|
||||||
- type: horizontal-stack
|
|
||||||
cards:
|
|
||||||
- type: custom:bubble-card
|
|
||||||
card_type: button
|
|
||||||
button_type: state
|
|
||||||
entity: switch.emma_bedroom_heater
|
|
||||||
name: Heater Running
|
|
||||||
show_attribute: false
|
|
||||||
tap_action:
|
|
||||||
action: none
|
|
||||||
double_tap_action:
|
|
||||||
action: none
|
|
||||||
hold_action:
|
|
||||||
action: none
|
|
||||||
button_action:
|
|
||||||
tap_action:
|
|
||||||
action: none
|
|
||||||
double_tap_action:
|
|
||||||
action: none
|
|
||||||
hold_action:
|
|
||||||
action: none
|
|
||||||
styles: |-
|
|
||||||
.bubble-button-background {
|
|
||||||
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: conditional
|
- type: conditional
|
||||||
conditions:
|
conditions:
|
||||||
- condition: state
|
- condition: state
|
||||||
|
|||||||
Reference in New Issue
Block a user