jeans/frontend
jeans/frontend
1
0
Fork 0
mirror of https://github.com/home-assistant/frontend.git synced 2025-07-27 11:16:35 +00:00
Code Issues Packages Projects Releases Wiki Activity

Ensure calendar event texts are aligned (#14521)

Browse Source
This commit is contained in:
Philip Allgaier 2022-12-05 14:26:11 +01:00 committed by GitHub
parent d059b97a2f
commit 76a682fa28
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 8 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
src/panels/calendar/dialog-calendar-event-detail.ts
View File

@ -8,6 +8,7 @@ import { formatDate } from "../../common/datetime/format_date";
import { formatDateTime } from "../../common/datetime/format_date_time"; import { formatDateTime } from "../../common/datetime/format_date_time";
import { formatTime } from "../../common/datetime/format_time"; import { formatTime } from "../../common/datetime/format_time";
import { fireEvent } from "../../common/dom/fire_event"; import { fireEvent } from "../../common/dom/fire_event";
import { capitalizeFirstLetter } from "../../common/string/capitalize-first-letter";
import { isDate } from "../../common/string/is_date"; import { isDate } from "../../common/string/is_date";
import "../../components/entity/state-info"; import "../../components/entity/state-info";
import "../../components/ha-date-input"; import "../../components/ha-date-input";
@ -108,7 +109,8 @@ class DialogCalendarEventDetail extends LitElement {
${this.hass.localize("ui.components.calendar.event.delete")} ${this.hass.localize("ui.components.calendar.event.delete")}
</mwc-button> </mwc-button>
` `
: ""}${this._params.canEdit : ""}
${this._params.canEdit
? html`<mwc-button ? html`<mwc-button
slot="primaryAction" slot="primaryAction"
@click=${this._editEvent} @click=${this._editEvent}
@ -125,7 +127,9 @@ class DialogCalendarEventDetail extends LitElement {
// TODO: Make sure this handles translations // TODO: Make sure this handles translations
try { try {
const readableText = const readableText =
value === "" ? "" : RRule.fromString(`RRULE:${value}`).toText(); value === ""
? ""
: capitalizeFirstLetter(RRule.fromString(`RRULE:${value}`).toText());
return html`<div id="text">${readableText}</div>`; return html`<div id="text">${readableText}</div>`;
} catch (e) { } catch (e) {
return ""; return "";
@ -227,7 +231,7 @@ class DialogCalendarEventDetail extends LitElement {
ha-svg-icon { ha-svg-icon {
width: 40px; width: 40px;
margin-right: 8px; margin-right: 8px;
margin-inline-end: 8px; margin-inline-end: 16px;
margin-inline-start: initial; margin-inline-start: initial;
direction: var(--direction); direction: var(--direction);
vertical-align: top; vertical-align: top;

2
src/panels/calendar/dialog-calendar-event-editor.ts
View File

@ -440,7 +440,7 @@ class DialogCalendarEventEditor extends LitElement {
ha-svg-icon { ha-svg-icon {
width: 40px; width: 40px;
margin-right: 8px; margin-right: 8px;
margin-inline-end: 8px; margin-inline-end: 16px;
margin-inline-start: initial; margin-inline-start: initial;
direction: var(--direction); direction: var(--direction);
vertical-align: top; vertical-align: top;