Set wrapping and alignment

Allow label to wrap
2025-11-14 21:40:27 +00:00 · 2025-09-26 14:33:37 +01:00 · 2025-09-26 14:32:54 +01:00
2 changed files with 11 additions and 0 deletions
--- a/src/components/ha-fab.ts
+++ b/src/components/ha-fab.ts
@@ -26,6 +26,11 @@ export class HaFab extends FabBase {
          var(--ha-border-radius-pill)
        );
      }
+      :host .mdc-fab--extended .mdc-fab__label {
+        white-space: var(--ha-fab-label-white-space, nowrap);
+        word-break: var(--ha-fab-label-word-break, normal);
+        text-align: var(--ha-fab-label-text-align, center);
+      }
      :host .mdc-fab.mdc-fab--extended .ripple {
        border-radius: var(
          --ha-button-border-radius,
--- a/src/panels/config/integrations/integration-panels/thread/thread-config-panel.ts
+++ b/src/panels/config/integrations/integration-panels/thread/thread-config-panel.ts
@@ -742,6 +742,12 @@ export class ThreadConfigPanel extends SubscribeMixin(LitElement) {
        display: flex;
        justify-content: space-between;
      }
+      ha-fab {
+        --ha-fab-label-white-space: normal;
+        --ha-fab-label-word-break: break-word;
+        --ha-fab-label-text-align: left;
+        --mdc-icon-size: 24px;
+      }
    `,
  ];
 }
Author	SHA1	Message	Date
Aidan Timson	d728af8985	Set wrapping and alignment	2025-09-26 14:33:37 +01:00
Aidan Timson	0097b4ba13	Allow label to wrap	2025-09-26 14:32:54 +01:00