From 44b5c63d39c8f38849ed6ea914ee27f80264753c Mon Sep 17 00:00:00 2001 From: Tony Stork Date: Thu, 30 Jan 2025 17:11:10 -0500 Subject: [PATCH] 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. --- mobile_dashboard.yaml | 169 +++++++++++------------------------------- 1 file changed, 43 insertions(+), 126 deletions(-) diff --git a/mobile_dashboard.yaml b/mobile_dashboard.yaml index 3f0cc4e..e49b22c 100644 --- a/mobile_dashboard.yaml +++ b/mobile_dashboard.yaml @@ -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