I did a bunch of card_mod: style: ... work to make the calendar card render better for me, so I figured I'd share that here.
Here's the yaml:
card_mod:
class: $class$
style:
div.header: |
div.header {
/* This header only holds the "name" which,
when empty, still takes up a lot of empty space. */
/* display:none; */
/* LCARS made a mess of the background colour */
background: var(--paper-listbox-background-color);
}
ha-full-calendar$: |
.header {
/* LCARS made a mess of the background colour */
background: var(--paper-listbox-background-color);
}
#calendar {
/* LCARS made a mess of the background colour */
--card-background-color: var(--paper-listbox-background-color);
}
#calendar, div.fc-scroller {
border-radius: 0px 0px 20px 0px !important;
}
Some before screenshots (the pink is my redactions for privacy, not an issue with the theme)
And finally, some after screenshots (the pink is my redactions for privacy, not an issue with the theme)
I did a bunch of
card_mod: style: ...
work to make the calendar card render better for me, so I figured I'd share that here. Here's the yaml:Some before screenshots (the pink is my redactions for privacy, not an issue with the theme) And finally, some after screenshots (the pink is my redactions for privacy, not an issue with the theme)