mirror of
https://github.com/home-assistant/frontend.git
synced 2025-07-23 17:26:42 +00:00
Calendar: Fix background to match ha-card (#7539)
This commit is contained in:
parent
13b8160d74
commit
89f359a52f
@ -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);
|
||||
}
|
||||
|
@ -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 {
|
||||
|
Loading…
x
Reference in New Issue
Block a user