@@ -51,6 +56,9 @@ class StepFlowExternal extends LitElement {
.open-button a {
text-decoration: none;
}
+ h2.end-space {
+ padding-inline-end: 72px;
+ }
`,
];
}
diff --git a/src/dialogs/config-flow/step-flow-form.ts b/src/dialogs/config-flow/step-flow-form.ts
index 0c6da5eda2..06ec17dc0d 100644
--- a/src/dialogs/config-flow/step-flow-form.ts
+++ b/src/dialogs/config-flow/step-flow-form.ts
@@ -27,6 +27,9 @@ class StepFlowForm extends LitElement {
@property({ attribute: false }) public hass!: HomeAssistant;
+ @property({ type: Boolean, attribute: "increase-padding-end" })
+ public increasePaddingEnd = false;
+
@state() private _loading = false;
@state() private _stepData?: Record;
@@ -43,7 +46,9 @@ class StepFlowForm extends LitElement {
const stepData = this._stepDataProcessed;
return html`
-
${this.flowConfig.renderShowFormStepHeader(this.hass, this.step)}
++ ${this.flowConfig.renderShowFormStepHeader(this.hass, this.step)} +
${this.flowConfig.renderShowFormStepDescription(this.hass, this.step)}
${this._errorMsg
diff --git a/src/dialogs/config-flow/step-flow-menu.ts b/src/dialogs/config-flow/step-flow-menu.ts
index 7c1f1e35f6..b0fcd3ba64 100644
--- a/src/dialogs/config-flow/step-flow-menu.ts
+++ b/src/dialogs/config-flow/step-flow-menu.ts
@@ -17,6 +17,9 @@ class StepFlowMenu extends LitElement {
@property({ attribute: false }) public step!: DataEntryFlowStepMenu;
+ @property({ type: Boolean, attribute: "increase-padding-end" })
+ public increasePaddingEnd = false;
+
protected render(): TemplateResult {
let options: string[];
let translations: Record;
@@ -42,7 +45,9 @@ class StepFlowMenu extends LitElement {
);
return html`
-
${this.flowConfig.renderMenuHeader(this.hass, this.step)}
++ ${this.flowConfig.renderMenuHeader(this.hass, this.step)} +
${description ? html`${description}
` : ""}
${options.map(
diff --git a/src/dialogs/config-flow/step-flow-progress.ts b/src/dialogs/config-flow/step-flow-progress.ts
index ef56fa271d..c71efcb98c 100644
--- a/src/dialogs/config-flow/step-flow-progress.ts
+++ b/src/dialogs/config-flow/step-flow-progress.ts
@@ -24,9 +24,12 @@ class StepFlowProgress extends LitElement {
@property({ type: Number })
public progress?: number;
+ @property({ type: Boolean, attribute: "increase-padding-end" })
+ public increasePaddingEnd = false;
+
protected render(): TemplateResult {
return html`
-
+
+
${this.flowConfig.renderShowFormProgressHeader(this.hass, this.step)}
diff --git a/src/dialogs/config-flow/styles.ts b/src/dialogs/config-flow/styles.ts
index daaa9342af..0e2aca3e7b 100644
--- a/src/dialogs/config-flow/styles.ts
+++ b/src/dialogs/config-flow/styles.ts
@@ -22,6 +22,9 @@ export const configFlowContentStyles = css`
text-transform: var(--mdc-typography-headline6-text-transform, inherit);
box-sizing: border-box;
}
+ h2.end-space {
+ padding-inline-end: 72px;
+ }
.content,
.preview {
From 39119eeb2a80b905f0a9c35e6897f63de4e8412b Mon Sep 17 00:00:00 2001
From: Paul Bottein
Date: Tue, 6 May 2025 10:57:47 +0200
Subject: [PATCH 04/11] Align side bar title with items (#25330)
---
src/components/ha-sidebar.ts | 4 ++--
1 file changed, 2 insertions(+), 2 deletions(-)
diff --git a/src/components/ha-sidebar.ts b/src/components/ha-sidebar.ts
index b59b15405e..19c4a8d633 100644
--- a/src/components/ha-sidebar.ts
+++ b/src/components/ha-sidebar.ts
@@ -852,8 +852,8 @@ class HaSidebar extends SubscribeMixin(LitElement) {
color: var(--sidebar-icon-color);
}
.title {
- margin-left: 19px;
- margin-inline-start: 19px;
+ margin-left: 3px;
+ margin-inline-start: 3px;
margin-inline-end: initial;
width: 100%;
display: none;
From 7c288d17695185be0d62b48485991ba897ae843d Mon Sep 17 00:00:00 2001
From: Wendelin <12148533+wendevlin@users.noreply.github.com>
Date: Tue, 6 May 2025 13:52:28 +0200
Subject: [PATCH 05/11] Fix sidebar item text width (#25332)
* Fix sidebar item text width to utilize full available space
* Update src/components/ha-sidebar.ts
Co-authored-by: Bram Kragten
---------
Co-authored-by: Bram Kragten
---
src/components/ha-sidebar.ts | 1 -
1 file changed, 1 deletion(-)
diff --git a/src/components/ha-sidebar.ts b/src/components/ha-sidebar.ts
index 19c4a8d633..a286613cb0 100644
--- a/src/components/ha-sidebar.ts
+++ b/src/components/ha-sidebar.ts
@@ -940,7 +940,6 @@ class HaSidebar extends SubscribeMixin(LitElement) {
ha-md-list-item .item-text {
display: none;
- max-width: calc(100% - 56px);
font-weight: 500;
font-size: 14px;
}
From bfac6e1516987e1870bb1380e2fae1d08e3ed5ed Mon Sep 17 00:00:00 2001
From: Paul Bottein
Date: Tue, 6 May 2025 13:38:38 +0200
Subject: [PATCH 06/11] Add covers to overview view for area strategy (#25334)
---
.../lovelace/strategies/areas/areas-overview-view-strategy.ts | 1 +
1 file changed, 1 insertion(+)
diff --git a/src/panels/lovelace/strategies/areas/areas-overview-view-strategy.ts b/src/panels/lovelace/strategies/areas/areas-overview-view-strategy.ts
index 40a034140b..fde3545216 100644
--- a/src/panels/lovelace/strategies/areas/areas-overview-view-strategy.ts
+++ b/src/panels/lovelace/strategies/areas/areas-overview-view-strategy.ts
@@ -50,6 +50,7 @@ export class AreasOverviewViewStrategy extends ReactiveElement {
const entities = [
...groups.lights,
+ ...groups.covers,
...groups.climate,
...groups.media_players,
...groups.security,
From 9629159ef140c148a1ff85021d990bfcd18e4a4b Mon Sep 17 00:00:00 2001
From: Paul Bottein
Date: Tue, 6 May 2025 15:56:20 +0200
Subject: [PATCH 07/11] Use middle dot 00B7 as separator (#25336)
---
src/components/data-table/ha-data-table.ts | 2 +-
src/dialogs/more-info/controls/more-info-cover.ts | 2 +-
src/dialogs/more-info/controls/more-info-valve.ts | 2 +-
.../backup/components/config/ha-backup-config-agents.ts | 2 +-
src/panels/config/info/ha-config-info.ts | 2 +-
src/panels/config/logs/dialog-download-logs.ts | 2 +-
src/panels/config/repairs/dialog-repairs-issue-subtitle.ts | 2 +-
src/panels/config/repairs/ha-config-repairs.ts | 4 ++--
.../climate/ha-state-control-climate-temperature.ts | 2 +-
src/state-display/state-display.ts | 2 +-
10 files changed, 11 insertions(+), 11 deletions(-)
diff --git a/src/components/data-table/ha-data-table.ts b/src/components/data-table/ha-data-table.ts
index 39447ca320..66d7a3ba60 100644
--- a/src/components/data-table/ha-data-table.ts
+++ b/src/components/data-table/ha-data-table.ts
@@ -603,7 +603,7 @@ export class HaDataTable extends LitElement {
.map(
([key2, column2], i) =>
html`${i !== 0
- ? " ⸱ "
+ ? " · "
: nothing}${column2.template
? column2.template(row)
: row[key2]}`
diff --git a/src/dialogs/more-info/controls/more-info-cover.ts b/src/dialogs/more-info/controls/more-info-cover.ts
index 166d5367a6..b041b44b5e 100644
--- a/src/dialogs/more-info/controls/more-info-cover.ts
+++ b/src/dialogs/more-info/controls/more-info-cover.ts
@@ -57,7 +57,7 @@ class MoreInfoCover extends LitElement {
);
if (positionStateDisplay) {
- return `${stateDisplay} ⸱ ${positionStateDisplay}`;
+ return `${stateDisplay} · ${positionStateDisplay}`;
}
return stateDisplay;
}
diff --git a/src/dialogs/more-info/controls/more-info-valve.ts b/src/dialogs/more-info/controls/more-info-valve.ts
index 66158025c8..84a0e43eaf 100644
--- a/src/dialogs/more-info/controls/more-info-valve.ts
+++ b/src/dialogs/more-info/controls/more-info-valve.ts
@@ -57,7 +57,7 @@ class MoreInfoValve extends LitElement {
);
if (positionStateDisplay) {
- return `${stateDisplay} ⸱ ${positionStateDisplay}`;
+ return `${stateDisplay} · ${positionStateDisplay}`;
}
return stateDisplay;
}
diff --git a/src/panels/config/backup/components/config/ha-backup-config-agents.ts b/src/panels/config/backup/components/config/ha-backup-config-agents.ts
index a9817dba96..f808d3fe99 100644
--- a/src/panels/config/backup/components/config/ha-backup-config-agents.ts
+++ b/src/panels/config/backup/components/config/ha-backup-config-agents.ts
@@ -102,7 +102,7 @@ class HaBackupConfigAgents extends LitElement {
);
}
}
- return join(texts, html` ⸱ `);
+ return join(texts, html` · `);
}
private _availableAgents = memoizeOne(
diff --git a/src/panels/config/info/ha-config-info.ts b/src/panels/config/info/ha-config-info.ts
index 26acffcabd..d58f4a858e 100644
--- a/src/panels/config/info/ha-config-info.ts
+++ b/src/panels/config/info/ha-config-info.ts
@@ -156,7 +156,7 @@ class HaConfigInfo extends LitElement {
)}
- ${JS_VERSION}${JS_TYPE !== "modern" ? ` ⸱ ${JS_TYPE}` : ""}
+ ${JS_VERSION}${JS_TYPE !== "modern" ? ` · ${JS_TYPE}` : ""}
diff --git a/src/panels/config/logs/dialog-download-logs.ts b/src/panels/config/logs/dialog-download-logs.ts
index 801ef1db22..528235c4e5 100644
--- a/src/panels/config/logs/dialog-download-logs.ts
+++ b/src/panels/config/logs/dialog-download-logs.ts
@@ -70,7 +70,7 @@ class DownloadLogsDialog extends LitElement {
${this._dialogParams.header}${this._dialogParams.boot === 0
? ""
- : ` ⸱ ${this._dialogParams.boot === -1 ? this.hass.localize("ui.panel.config.logs.previous") : this.hass.localize("ui.panel.config.logs.startups_ago", { boot: this._dialogParams.boot * -1 })}`}
+ : ` · ${this._dialogParams.boot === -1 ? this.hass.localize("ui.panel.config.logs.previous") : this.hass.localize("ui.panel.config.logs.startups_ago", { boot: this._dialogParams.boot * -1 })}`}
diff --git a/src/panels/config/repairs/dialog-repairs-issue-subtitle.ts b/src/panels/config/repairs/dialog-repairs-issue-subtitle.ts
index 6ea15ed6e4..d0c39bc951 100644
--- a/src/panels/config/repairs/dialog-repairs-issue-subtitle.ts
+++ b/src/panels/config/repairs/dialog-repairs-issue-subtitle.ts
@@ -20,7 +20,7 @@ class DialogRepairsIssueSubtitle extends LitElement {
protected render() {
const domainName = domainToName(this.hass.localize, this.issue.domain);
const reportedBy = domainName
- ? ` ⸱ ${this.hass.localize("ui.panel.config.repairs.reported_by", {
+ ? ` · ${this.hass.localize("ui.panel.config.repairs.reported_by", {
integration: domainName,
})}`
: "";
diff --git a/src/panels/config/repairs/ha-config-repairs.ts b/src/panels/config/repairs/ha-config-repairs.ts
index 77345f3e86..f4729b0287 100644
--- a/src/panels/config/repairs/ha-config-repairs.ts
+++ b/src/panels/config/repairs/ha-config-repairs.ts
@@ -100,13 +100,13 @@ class HaConfigRepairs extends LitElement {
${(issue.severity === "critical" ||
issue.severity === "error") &&
issue.created
- ? " ⸱ "
+ ? " · "
: ""}
${createdBy
? html`${createdBy}`
: nothing}
${issue.ignored
- ? ` ⸱ ${this.hass.localize(
+ ? ` · ${this.hass.localize(
"ui.panel.config.repairs.dialog.ignored_in_version_short",
{ version: issue.dismissed_version }
)}`
diff --git a/src/state-control/climate/ha-state-control-climate-temperature.ts b/src/state-control/climate/ha-state-control-climate-temperature.ts
index 6b2000222b..a3317dfde3 100644
--- a/src/state-control/climate/ha-state-control-climate-temperature.ts
+++ b/src/state-control/climate/ha-state-control-climate-temperature.ts
@@ -366,7 +366,7 @@ export class HaStateControlClimateTemperature extends LitElement {
>
${this._renderTarget(this._targetTemperature.low!, "normal", true)}
- ⸱
+ ·
diff --git a/src/panels/config/repairs/dialog-repairs-issue-subtitle.ts b/src/panels/config/repairs/dialog-repairs-issue-subtitle.ts
index 6ea15ed6e4..d0c39bc951 100644
--- a/src/panels/config/repairs/dialog-repairs-issue-subtitle.ts
+++ b/src/panels/config/repairs/dialog-repairs-issue-subtitle.ts
@@ -20,7 +20,7 @@ class DialogRepairsIssueSubtitle extends LitElement {
protected render() {
const domainName = domainToName(this.hass.localize, this.issue.domain);
const reportedBy = domainName
- ? ` ⸱ ${this.hass.localize("ui.panel.config.repairs.reported_by", {
+ ? ` · ${this.hass.localize("ui.panel.config.repairs.reported_by", {
integration: domainName,
})}`
: "";
diff --git a/src/panels/config/repairs/ha-config-repairs.ts b/src/panels/config/repairs/ha-config-repairs.ts
index 77345f3e86..f4729b0287 100644
--- a/src/panels/config/repairs/ha-config-repairs.ts
+++ b/src/panels/config/repairs/ha-config-repairs.ts
@@ -100,13 +100,13 @@ class HaConfigRepairs extends LitElement {
${(issue.severity === "critical" ||
issue.severity === "error") &&
issue.created
- ? " ⸱ "
+ ? " · "
: ""}
${createdBy
? html`${createdBy}`
: nothing}
${issue.ignored
- ? ` ⸱ ${this.hass.localize(
+ ? ` · ${this.hass.localize(
"ui.panel.config.repairs.dialog.ignored_in_version_short",
{ version: issue.dismissed_version }
)}`
diff --git a/src/state-control/climate/ha-state-control-climate-temperature.ts b/src/state-control/climate/ha-state-control-climate-temperature.ts
index 6b2000222b..a3317dfde3 100644
--- a/src/state-control/climate/ha-state-control-climate-temperature.ts
+++ b/src/state-control/climate/ha-state-control-climate-temperature.ts
@@ -366,7 +366,7 @@ export class HaStateControlClimateTemperature extends LitElement {
>
${this._renderTarget(this._targetTemperature.low!, "normal", true)}
- ⸱
+ ·