home_automation/ha-dashboards
2
0
Fork 0
Code Issues 2 Pull Requests Projects Activity

Switch to bubble climate cards on mobile dashboard

Browse Source 
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:
Tony Stork
2025-01-30 17:11:10 -05:00
parent 878e05ed03
commit 44b5c63d39
1 changed files with 43 additions and 126 deletions
Download Patch File Download Diff File Expand all files Collapse all files

169
mobile_dashboard.yaml
View File

@ -1298,58 +1298,24 @@ views:
entity: input_boolean.basement_studio_heat_allowed
state: 'on'
card:
type: custom:stack-in-card
cards:
- features:
- style: icons
type: climate-hvac-modes
hvac_modes:
- 'off'
- heat
- type: target-temperature
- style: dropdown
type: climate-preset-modes
preset_modes:
- none
- frost
- eco
- comfort
- boost
type: tile
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: custom:bubble-card
card_type: climate
sub_button:
- entity: climate.basement_studio_vtherm
select_attribute: hvac_modes
name: HVAC modes menu
state_background: true
- name: Presets menu
select_attribute: preset_modes
state_background: false
show_arrow: true
name: Thermostat
entity: climate.basement_studio_vtherm
state_color: false
visibility:
- condition: state
entity: input_boolean.basement_studio_heat_allowed
state: 'on'
- type: horizontal-stack
cards:
- type: custom:bubble-card
@ -2565,29 +2531,19 @@ views:
card:
type: custom:stack-in-card
cards:
- features:
- style: icons
type: climate-hvac-modes
hvac_modes:
- fan_only
- dry
- cool
- auto
- 'off'
- type: target-temperature
- style: dropdown
type: climate-fan-modes
- style: dropdown
type: climate-preset-modes
preset_modes:
- none
- eco
type: tile
- type: custom:bubble-card
card_type: climate
sub_button:
- select_attribute: hvac_modes
name: HVAC modes menu
state_background: true
- name: Presets menu
select_attribute: preset_modes
state_background: false
show_arrow: true
name: Thermostat
entity: climate.master_bedroom_aircon
vertical: false
show_entity_picture: false
hide_state: false
name: Air Conditioner
state_color: false
- type: horizontal-stack
cards:
- type: custom:bubble-card
@ -3011,58 +2967,19 @@ views:
entity: input_boolean.emma_bedroom_heater_installed
state: 'on'
card:
type: custom:stack-in-card
cards:
- features:
- style: icons
type: climate-hvac-modes
hvac_modes:
- 'off'
- heat
- type: target-temperature
- style: dropdown
type: climate-preset-modes
preset_modes:
- none
- 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: custom:bubble-card
card_type: climate
sub_button:
- select_attribute: hvac_modes
name: HVAC modes menu
state_background: true
- name: Presets menu
select_attribute: preset_modes
state_background: false
show_arrow: true
name: Thermostat
entity: climate.emma_bedroom_vtherm
state_color: false
- type: conditional
conditions:
- condition: state