Hey, I’m having a frustrating issue where the calendar seems to lose it’s styling when I switch to another dashboard and then back. If I refresh the page then it fixes itself…
Here’s a screenshot of the problem before and after.
Here’s my page code:
kiosk_mode:
user_settings:
- users:
- HOME
hide_header: false
- users:
- HOME
kiosk: true
ignore_entity_settings: true
title: HomeHub
views:
- theme: Backend-selected
path: default_view
title: HUB
icon: mdi:tablet
type: custom:grid-layout
badges: []
cards:
- type: horizontal-stack
cards:
- type: vertical-stack
cards:
- type: custom:tabbed-card
styles:
'--mdc-theme-primary': null
'--mdc-tab-text-label-color-default': black
'--mdc-typography-button-font-size': 12px
tabs:
- attributes:
label: Weather
icon: mdi:weather-cloudy
card:
type: custom:clock-weather-card
card_mod:
style: |
ha-card {
box-shadow: none;
background: none;
padding-bottom: 6px !important;
}
title: Prebbleton
entity: weather.home
sun_entity: sun.sun
temperature_sensor: sensor.outdoor_temp
weather_icon_type: line
animated_icon: true
forecast_days: 5
locale: en-GB
time_format: 12
date_pattern: P
hide_today_section: false
hide_forecast_section: true
hide_clock: false
hide_date: false
hourly_forecast: false
use_browser_time: true
show_current: true
show_forecast: false
- attributes:
label: Forecast
icon: mdi:calendar
card:
type: custom:clock-weather-card
entity: weather.home
title: Forecast
forecast_days: 5
locale: en-GB
time_format: 24
date_pattern: P
hide_today_section: true
hide_forecast_section: false
hide_clock: true
hide_date: true
hourly_forecast: false
use_browser_time: true
show_current: true
show_forecast: false
- type: custom:tabbed-card
styles:
'--mdc-theme-primary': null
'--mdc-tab-text-label-color-default': black
'--mdc-typography-button-font-size': 12px
tabs:
- attributes:
label: Family
icon: mdi:bag-personal
card:
type: entities
entities:
- entity: person.sam
- entity: person.mikayla
- entity: person.eva
- entity: person.hazel
- entity: person.sylvie
state_color: true
- attributes:
label: Devices
icon: mdi:tablet-cellphone
card:
type: entities
entities:
- entity: sensor.sams_galaxy_s21_fe_battery_level
name: Sam's Galaxy S21FE Battery
- entity: sensor.sams_galaxy_s21_fe_battery_level
name: Mik's Galaxy S10 Battery
- entity: sensor.evas_ipad_battery_level
name: Eva's iPad Battery
- entity: sensor.hazels_ipad_battery_level
name: Hazel's iPad Battery
- entity: sensor.front_door_battery
name: Doorbell Battery
state_color: true
- type: vertical-stack
cards:
- type: horizontal-stack
cards:
- show_name: false
show_icon: true
type: button
icon_height: 27px
tap_action:
action: navigate
navigation_path: /dashboard-homehub/default-view
icon: mdi:home
show_state: false
- show_name: false
show_icon: true
type: button
tap_action:
action: navigate
navigation_path: /dashboard-homehub/camera
icon_height: 27px
icon: mdi:cctv
- show_name: false
show_icon: true
type: button
tap_action:
action: navigate
navigation_path: /dashboard-homehub/hvac
icon_height: 27px
icon: mdi:hvac
- type: calendar
card_mod:
style:
ha-full-calendar:
$: |
#calendar {
min-height: 412px !important;
}
.fc .fc-scroller-liquid {
height: 410px;
.fc-list-table {
border-style: hidden;
width: 393px;
entities:
- calendar.holidays_in_new_zealand
- calendar.family
initial_view: listWeek
- type: custom:tabbed-card
styles:
'--mdc-theme-primary': null
'--mdc-tab-text-label-color-default': black
'--mdc-typography-button-font-size': 12px
tabs:
- attributes:
label: Out n About
icon: mdi:map
card:
type: map
aspect_ratio: 1x1.317307692307692
entities:
- entity: device_tracker.google_maps_112584454595275844924
- entity: device_tracker.evas_ipad
- attributes:
label: Reminders
icon: mdi:note
card:
type: shopping-list
title: Reminders
- type: custom:tabbed-card
styles:
'--mdc-theme-primary': null
'--mdc-tab-text-label-color-default': black
'--mdc-typography-button-font-size': 12px
tabs:
- attributes:
label: Audio
icon: mdi:speaker
card:
type: horizontal-stack
cards:
- type: media-control
entity: media_player.spotify_lemusapple
- type: media-control
entity: media_player.living_room
- type: media-control
entity: media_player.lounge
- type: media-control
entity: media_player.living_room_zone2
- type: media-control
entity: media_player.deck
- type: media-control
entity: media_player.lounge_zone2
- attributes:
label: Visual
icon: mdi:television
card:
type: horizontal-stack
cards:
- show_name: true
show_icon: true
type: button
tap_action:
action: toggle
entity: media_player.living_room_tv_samsung_au800055
name: Living Room
icon: mdi:television
show_state: false
icon_height: 60px
- show_name: true
show_icon: true
type: button
tap_action:
action: toggle
entity: media_player.living_room_tv_samsung_au800055
name: Lounge
icon: mdi:television
show_state: false
icon_height: 60px
- show_name: true
show_icon: true
type: button
tap_action:
action: toggle
entity: media_player.living_room_tv_samsung_au800055
name: Bedroom
icon: mdi:television
show_state: false
icon_height: 60px
- title: Camera
path: camera
icon: mdi:cctv
subview: false
type: custom:grid-layout
badges: []
cards:
- type: horizontal-stack
cards:
- type: vertical-stack
cards:
- type: custom:gap-card
height: 40
- show_state: false
show_name: false
camera_view: live
type: picture-entity
entity: camera.front
- show_state: false
show_name: false
camera_view: live
type: picture-entity
entity: camera.entry
- show_state: false
show_name: false
camera_view: live
type: picture-entity
entity: camera.backyard
- type: vertical-stack
cards:
- type: horizontal-stack
cards:
- show_name: false
show_icon: true
type: button
icon_height: 27px
tap_action:
action: navigate
navigation_path: /dashboard-homehub/default-view
icon: mdi:home
show_state: false
- show_name: false
show_icon: true
type: button
tap_action:
action: navigate
navigation_path: /dashboard-homehub/camera
icon_height: 27px
icon: mdi:cctv
- show_name: false
show_icon: true
type: button
tap_action:
action: navigate
navigation_path: /dashboard-homehub/hvac
icon_height: 27px
icon: mdi:hvac
- show_state: false
show_name: false
camera_view: live
type: picture-entity
entity: camera.side
- show_state: false
show_name: false
camera_view: live
type: picture-entity
entity: camera.living
- show_state: false
show_name: false
camera_view: live
type: picture-entity
entity: camera.deck
- type: vertical-stack
cards:
- type: custom:gap-card
height: 40
- show_state: false
show_name: false
camera_view: live
type: picture-entity
entity: camera.sylvie
- show_state: false
show_name: false
camera_view: live
type: picture-entity
entity: camera.garage
- show_state: false
show_name: false
camera_view: live
type: picture-entity
entity: camera.shed
- icon: mdi:hvac
title: HVAC
path: hvac
type: custom:grid-layout
badges: []
cards:
- type: horizontal-stack
cards:
- type: vertical-stack
cards:
- type: custom:gap-card
height: 40
- type: vertical-stack
cards:
- type: horizontal-stack
cards:
- show_name: false
show_icon: true
type: button
icon_height: 27px
tap_action:
action: navigate
navigation_path: /dashboard-homehub/default-view
icon: mdi:home
show_state: false
- show_name: false
show_icon: true
type: button
tap_action:
action: navigate
navigation_path: /dashboard-homehub/camera
icon_height: 27px
icon: mdi:cctv
- show_name: false
show_icon: true
type: button
tap_action:
action: navigate
navigation_path: /dashboard-homehub/hvac
icon_height: 27px
icon: mdi:hvac
- type: vertical-stack
cards:
- type: custom:gap-card
height: 40
- type: horizontal-stack
cards:
- type: thermostat
entity: climate.ac_0
- type: history-graph
entities:
- entity: climate.ac_0
hours_to_show: 24
- square: false
type: grid
cards:
- type: thermostat
entity: climate.dining
name: Living Room
- type: thermostat
entity: climate.lounge
name: Lounge
- type: thermostat
entity: climate.bed2
name: Master Bdrm
- type: thermostat
entity: climate.master
name: Eva's Bdrm
- type: thermostat
entity: climate.bed4
name: Hazel's Bdrm
- type: thermostat
entity: climate.bed3
name: Spare Bdrm
columns: 6
Any ideas?
