Create mobile column gap variable in hui-sections-view (#27949)

watercrossing · web-flow · commit 1a8319a3aba7 · 2025-11-18T14:56:28.000+02:00
Update mobile column gap variable in hui-sections-view
diff --git a/src/panels/lovelace/views/hui-sections-view.ts b/src/panels/lovelace/views/hui-sections-view.ts
@@ -365,7 +365,7 @@ export class SectionsView extends LitElement implements LovelaceViewElement {
 
     @media (max-width: 600px) {
       :host {
-        --column-gap: var(--row-gap);
+        --column-gap: var(--ha-view-sections-narrow-column-gap, var(--row-gap));
       }
     }
 

Original file line number	Diff line number	Diff line change
`@@ -365,7 +365,7 @@ export class SectionsView extends LitElement implements LovelaceViewElement {`
`365`	`365`
`366`	`366`	`@media (max-width: 600px) {`
`367`	`367`	`:host {`
`368`		`- --column-gap: var(--row-gap);`
	`368`	`+ --column-gap: var(--ha-view-sections-narrow-column-gap, var(--row-gap));`
`369`	`369`	`}`
`370`	`370`	`}`
`371`	`371`