Prevent wrap of menu items

This commit is contained in:
Bram Kragten 2024-04-02 15:09:08 +02:00
parent 912d2cbd79
commit 29a103e884
3 changed files with 5 additions and 1 deletions

View File

@ -43,6 +43,7 @@ class HaLabel extends LitElement {
border-radius: 18px; border-radius: 18px;
color: var(--ha-label-text-color); color: var(--ha-label-text-color);
--mdc-icon-size: 12px; --mdc-icon-size: 12px;
text-wrap: nowrap;
} }
.content > * { .content > * {
position: relative; position: relative;

View File

@ -30,6 +30,9 @@ export class HaMenuItem extends MdMenuItem {
--md-menu-item-label-text-color: var(--error-color); --md-menu-item-label-text-color: var(--error-color);
--md-menu-item-leading-icon-color: var(--error-color); --md-menu-item-leading-icon-color: var(--error-color);
} }
::slotted([slot="headline"]) {
text-wrap: nowrap;
}
`, `,
]; ];
} }

View File

@ -558,7 +558,7 @@ class HaAutomationPicker extends SubscribeMixin(LitElement) {
} }
${ ${
this.narrow || this.hass.dockedSidebar === "docked" this.narrow || this.hass.dockedSidebar === "docked"
? html` <ha-sub-menu> ? html`<ha-sub-menu>
<ha-menu-item slot="item"> <ha-menu-item slot="item">
<div slot="headline"> <div slot="headline">
${this.hass.localize( ${this.hass.localize(