Hello,
On my home page in chrome I get this display using Mushroom:
Any idea what is causing the spacing and the boxes around the chip card? I’ve tried clearing the cache and that didn’t help.
In firefox it displays correctly:
Hello,
On my home page in chrome I get this display using Mushroom:
In firefox it displays correctly:
Without the code, it is very hard to say anything useful.
Please see here:
If you’re using UI mode, than go to your dashboard and post the code you get under “RAW Config editor”.
swipe_nav:
wrap: ture
animate: swipe
prevent_default: true
swipe_amount: 30
kiosk_mode:
entity_settings:
- entity:
input_boolean.hide_sidebar: 'on'
hide_header: true
- entity:
input_boolean.hide_sidebar: 'off'
hide_header: false
views:
- theme: Mushroom Shadow
title: Home
icon: mdi:home-outline
visible:
- user: XXXXXXXX
- user: XXXXXXXX
badges: []
cards:
- type: custom:mushroom-chips-card
chips:
- type: weather
entity: weather.openweathermap
show_temperature: true
show_conditions: true
- type: entity
entity: sensor.outside_temperature
- type: entity
entity: sensor.apartment_temperature
icon: mdi:temperature-fahrenheit
- type: action
icon: mdi:account-settings
tap_action:
action: navigate
navigation_path: /config/dashboard
- type: menu
- type: action
icon: mdi:dock-top
tap_action:
action: call-service
service: input_boolean.toggle
service_data: {}
target:
entity_id: input_boolean.hide_sidebar
alignment: center
- type: custom:mushroom-template-card
primary: |-
{% set time = now().hour %}
{% if (time >= 18) %}
Good Evening, {{user}}!
{% elif (time >= 12) %}
Good Afternoon, {{user}}!
{% elif (time >= 5) %}
Good Morning, {{user}}!
{% else %}
Hello, {{user}}!
{% endif %}
- type: horizontal-stack
cards:
- type: custom:mushroom-entity-card
entity: alarm_control_panel.alexa_guard_07656
name: Alarm
layout: vertical
tap_action:
action: navigate
navigation_path: /lovelace-mushroom/alarm
hold_action:
action: none
icon_color: red
- type: custom:mushroom-entity-card
entity: sensor.pfsense_interface_wan_status
icon: mdi:fire
name: Firewall
layout: vertical
tap_action:
action: navigate
navigation_path: firewall
- type: custom:mushroom-update-card
entity: binary_sensor.latest_available_version_update_available
layout: vertical
icon: mdi:home-assistant
name: Home Assistant
tap_action:
action: navigate
navigation_path: /config/dashboard
- type: horizontal-stack
cards:
- type: custom:mushroom-template-card
primary: Office
entity: light.office_floor_lamp
icon: mdi:desk
icon_color: green
layout: vertical
tap_action:
action: navigate
navigation_path: office
- type: custom:mushroom-template-card
icon: mdi:knife
entity: light.kitchen_switch
icon_color: pink
primary: Kitchen
tap_action:
action: navigate
navigation_path: kitchen
layout: vertical
- type: custom:mushroom-template-card
primary: Bedroom
icon: mdi:bed-king
entity: binary_sensor.bedroom_window_sensor
icon_color: orange
layout: vertical
tap_action:
action: navigate
navigation_path: bedroom
- type: custom:mushroom-template-card
icon: mdi:sofa
entity: binary_sensor.living_room_window_sensor
primary: Living Room
layout: vertical
tap_action:
action: navigate
navigation_path: living-room
icon_color: purple
- type: custom:mushroom-template-card
primary: Fan
icon: mdi:fan
entity: fan.bathroom_fan
icon_color: indigo
tap_action:
action: navigate
navigation_path: fan
layout: vertical
- type: horizontal-stack
cards:
- type: custom:mushroom-person-card
entity: person.patrick
use_entity_picture: true
- type: custom:mushroom-person-card
entity: person.treca
use_entity_picture: true
- type: custom:mushroom-title-card
title: Rooms
- type: vertical-stack
cards:
- type: horizontal-stack
cards:
- type: custom:mushroom-light-card
entity: light.kitchen_light
name: Kitchen
icon: mdi:knife
use_light_color: true
show_brightness_control: false
show_color_temp_control: false
show_color_control: false
tap_action:
action: navigate
navigation_path: kitchen
hold_action:
action: toggle
- type: custom:mushroom-template-card
entity: light.office_floor_lamp
icon: mdi:desk
primary: Office
secondary: '{{ states(''sensor.lumi_lumi_weather_temperature'') }}°F'
tap_action:
action: navigate
navigation_path: office
hold_action:
action: toggle
icon_color: |-
{% if is_state('light.office_floor_lamp', 'on') %}
orange
{% endif %}
- type: horizontal-stack
cards:
- type: custom:mushroom-template-card
icon: mdi:bed-king
entity: light.nightstand_lamps
icon_color: |-
{% if is_state('light.nightstand_lamps', 'on') %}
orange
{% endif %}
primary: Bedroom
secondary: '{{ states(''sensor.bedroom_temperature_temperature_2'') }}°F'
tap_action:
action: navigate
navigation_path: bedroom
hold_action:
action: toggle
- type: custom:mushroom-template-card
secondary: '{{ states(''sensor.h5075_21c7_temperature'') }}°F'
icon: mdi:lamp
entity: light.table_lamp
icon_color: |-
{% if is_state('light.table_lamps', 'on') %}
orange
{% endif %}
primary: Living Room
tap_action:
action: navigate
navigation_path: living-room
hold_action:
action: toggle
- type: horizontal-stack
cards:
- type: custom:mushroom-template-card
icon: mdi:shower
entity: light.master_bath_light
primary: Bathroom
secondary: '{{ states(''sensor.bathroom_temperature_temperature_2'') }}°F'
icon_color: |-
{% if is_state('light.master_bath_light', 'on') %}
orange
{% endif %}
tap_action:
action: navigate
navigation_path: bedroom
- type: custom:mushroom-template-card
primary: Guest Bath
icon: mdi:paper-roll
entity: light.guest_bath_switch
layout: horizontal
icon_color: |-
{% if is_state('light.guest_bath_switch', 'on') %}
orange
{% endif %}
secondary: '{{ states(''sensor.samjin_motion_temperature'') }}'
tap_action:
action: navigate
navigation_path: guest-bath
- type: horizontal-stack
cards:
- type: custom:mushroom-entity-card
entity: switch.hallway_light
name: Hallway
tap_action:
action: navigate
navigation_path: /lovelace-mushroom/hallway
- type: custom:mushroom-entity-card
entity: light.wled_patio_master
name: WLED
tap_action:
action: navigate
navigation_path: /lovelace-mushroom/wled
- type: custom:mushroom-climate-card
entity: climate.nest_thermostat
fill_container: false
show_temperature_control: true
collapsible_controls: false
hvac_modes:
- auto
- heat
- cool
- 'off'
- fan_only
- show_current: true
show_forecast: true
type: weather-forecast
entity: weather.pirateweather
name: San Ramon