Prevent wrap of menu items

2026-05-11 20:02:49 +00:00 · 2024-04-02 15:09:08 +02:00
3 changed files with 5 additions and 1 deletions
@@ -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;
@@ -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;
+      }
    `,
  ];
 }
@@ -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(