add flex-end to toggle-button in background-editor

home-assistant · Jan 7, 2025 · 38e47c4 · 38e47c4
1 parent 6ef799b
commit 38e47c4
Show file tree

Hide file tree

Showing 2 changed files with 2 additions and 0 deletions.
diff --git a/src/components/ha-button-toggle-group.ts b/src/components/ha-button-toggle-group.ts
@@ -73,6 +73,7 @@ export class HaButtonToggleGroup extends LitElement {
         --mdc-icon-button-size: var(--button-toggle-size, 36px);
         --mdc-icon-size: var(--button-toggle-icon-size, 20px);
         direction: ltr;
+        justify-content: var(--toggle-button-group-justify-content);
       }
       mwc-button {
         --mdc-shape-small: 0;

diff --git a/src/panels/lovelace/editor/view-editor/hui-view-background-editor.ts b/src/panels/lovelace/editor/view-editor/hui-view-background-editor.ts
@@ -193,6 +193,7 @@ export class HuiViewBackgroundEditor extends LitElement {
     return css`
       :host {
         display: block;
+        --toggle-button-group-justify-content: flex-end;
       }
     `;
   }
-Original file line number
+Diff line change
@@ Expand Up / @@ -193,6 +193,7 @@ export class HuiViewBackgroundEditor extends LitElement { @@
         return css`
           :host {
             display: block;
+            --toggle-button-group-justify-content: flex-end;
           }
         `;
       }
@@ Expand Down @@