fix height issue calendar, make default on mobile list (#18394)

This commit is contained in:
Bram Kragten 2023-10-25 11:46:28 +02:00 committed by GitHub
parent f6fddbc6ec
commit a745539c33
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
3 changed files with 7 additions and 1 deletions

View File

@ -259,6 +259,7 @@ export class HAFullCalendar extends LitElement {
protected firstUpdated(): void {
this._loadCalendar(this.initialView);
this._activeView = this.initialView;
}
private async _loadCalendar(initialView: FullCalendarView) {
@ -512,7 +513,7 @@ export class HAFullCalendar extends LitElement {
--ha-card-background,
var(--card-background-color, white)
);
min-height: 400px;
height: var(--calendar-height);
--fc-neutral-bg-color: var(
--ha-card-background,
var(--card-background-color, white)

View File

@ -178,6 +178,7 @@ class PanelCalendar extends LitElement {
.events=${this._events}
.calendars=${this._calendars}
.narrow=${this.narrow}
.initialView=${this.narrow ? "listWeek" : "dayGridMonth"}
.hass=${this.hass}
.error=${this._error}
@view-changed=${this._handleViewChanged}

View File

@ -242,6 +242,10 @@ export class HuiCalendarCard extends LitElement implements LovelaceCard {
padding-inline-start: 8px;
direction: var(--direction);
}
ha-full-calendar {
--calendar-height: 400px;
}
`;
}
}