Calendar: Fix background to match ha-card (#7539)

This commit is contained in:
Zack Barett 2020-10-30 08:28:51 -05:00 committed by GitHub
parent 13b8160d74
commit 89f359a52f
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 36 additions and 30 deletions

View File

@ -324,10 +324,19 @@ class HAFullCalendar extends LitElement {
#calendar {
flex-grow: 1;
background-color: var(--card-background-color);
background-color: var(
--ha-card-background,
var(--card-background-color, white)
);
min-height: 400px;
--fc-neutral-bg-color: var(--card-background-color);
--fc-list-event-hover-bg-color: var(--card-background-color);
--fc-neutral-bg-color: var(
--ha-card-background,
var(--card-background-color, white)
);
--fc-list-event-hover-bg-color: var(
--ha-card-background,
var(--card-background-color, white)
);
--fc-theme-standard-border-color: var(--divider-color);
--fc-border-color: var(--divider-color);
}

View File

@ -1,36 +1,33 @@
import {
customElement,
LitElement,
property,
internalProperty,
CSSResultArray,
css,
TemplateResult,
html,
PropertyValues,
} from "lit-element";
import { styleMap } from "lit-html/directives/style-map";
import "../../layouts/ha-app-layout";
import "@polymer/app-layout/app-header/app-header";
import "@polymer/app-layout/app-toolbar/app-toolbar";
import "@material/mwc-checkbox";
import "@material/mwc-formfield";
import "../../components/ha-menu-button";
import "@polymer/app-layout/app-header/app-header";
import "@polymer/app-layout/app-toolbar/app-toolbar";
import {
css,
CSSResultArray,
customElement,
html,
internalProperty,
LitElement,
property,
PropertyValues,
TemplateResult,
} from "lit-element";
import { styleMap } from "lit-html/directives/style-map";
import { HASSDomEvent } from "../../common/dom/fire_event";
import "../../components/ha-card";
import "./ha-full-calendar";
import "../../components/ha-menu-button";
import { fetchCalendarEvents, getCalendars } from "../../data/calendar";
import "../../layouts/ha-app-layout";
import { haStyle } from "../../resources/styles";
import type {
HomeAssistant,
SelectedCalendar,
Calendar,
CalendarEvent,
CalendarViewChanged,
Calendar,
HomeAssistant,
SelectedCalendar,
} from "../../types";
import { haStyle } from "../../resources/styles";
import { HASSDomEvent } from "../../common/dom/fire_event";
import { getCalendars, fetchCalendarEvents } from "../../data/calendar";
import "./ha-full-calendar";
@customElement("ha-panel-calendar")
class PanelCalendar extends LitElement {
@ -179,7 +176,7 @@ class PanelCalendar extends LitElement {
}
:host(:not([narrow])) .content {
height: calc(100vh - var(--header-height);
height: calc(100vh - var(--header-height));
}
.calendar-list {