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;
color: var(--ha-label-text-color);
--mdc-icon-size: 12px;
text-wrap: nowrap;
}
.content > * {
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-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"
? html` <ha-sub-menu>
? html`<ha-sub-menu>
<ha-menu-item slot="item">
<div slot="headline">
${this.hass.localize(