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 {
|
#calendar {
|
||||||
flex-grow: 1;
|
flex-grow: 1;
|
||||||
background-color: var(--card-background-color);
|
background-color: var(
|
||||||
|
--ha-card-background,
|
||||||
|
var(--card-background-color, white)
|
||||||
|
);
|
||||||
min-height: 400px;
|
min-height: 400px;
|
||||||
--fc-neutral-bg-color: var(--card-background-color);
|
--fc-neutral-bg-color: var(
|
||||||
--fc-list-event-hover-bg-color: var(--card-background-color);
|
--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-theme-standard-border-color: var(--divider-color);
|
||||||
--fc-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-checkbox";
|
||||||
import "@material/mwc-formfield";
|
import "@material/mwc-formfield";
|
||||||
|
import "@polymer/app-layout/app-header/app-header";
|
||||||
import "../../components/ha-menu-button";
|
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 "../../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 {
|
import type {
|
||||||
HomeAssistant,
|
Calendar,
|
||||||
SelectedCalendar,
|
|
||||||
CalendarEvent,
|
CalendarEvent,
|
||||||
CalendarViewChanged,
|
CalendarViewChanged,
|
||||||
Calendar,
|
HomeAssistant,
|
||||||
|
SelectedCalendar,
|
||||||
} from "../../types";
|
} from "../../types";
|
||||||
import { haStyle } from "../../resources/styles";
|
import "./ha-full-calendar";
|
||||||
import { HASSDomEvent } from "../../common/dom/fire_event";
|
|
||||||
import { getCalendars, fetchCalendarEvents } from "../../data/calendar";
|
|
||||||
|
|
||||||
@customElement("ha-panel-calendar")
|
@customElement("ha-panel-calendar")
|
||||||
class PanelCalendar extends LitElement {
|
class PanelCalendar extends LitElement {
|
||||||
@ -179,7 +176,7 @@ class PanelCalendar extends LitElement {
|
|||||||
}
|
}
|
||||||
|
|
||||||
:host(:not([narrow])) .content {
|
:host(:not([narrow])) .content {
|
||||||
height: calc(100vh - var(--header-height);
|
height: calc(100vh - var(--header-height));
|
||||||
}
|
}
|
||||||
|
|
||||||
.calendar-list {
|
.calendar-list {
|
||||||
|
Loading…
x
Reference in New Issue
Block a user