Swap to margins for narrow safe areas in ha-md-dialog (home-assistant#27994)

timmo001 · web-flow · commit 8d96679cc368 · 2025-11-19T15:56:10.000+02:00
Swap to margins for narrow layouts and safe areas
diff --git a/src/components/ha-md-dialog.ts b/src/components/ha-md-dialog.ts
@@ -175,10 +175,10 @@ export class HaMdDialog extends Dialog {
         }
 
         .container {
-          padding-top: var(--safe-area-inset-top);
-          padding-bottom: var(--safe-area-inset-bottom);
-          padding-left: var(--safe-area-inset-left);
-          padding-right: var(--safe-area-inset-right);
+          margin-top: var(--safe-area-inset-top, var(--ha-space-0));
+          margin-bottom: var(--safe-area-inset-bottom, var(--ha-space-0));
+          margin-left: var(--safe-area-inset-left, var(--ha-space-0));
+          margin-right: var(--safe-area-inset-right, var(--ha-space-0));
         }
       }
 

Original file line number	Diff line number	Diff line change
`@@ -175,10 +175,10 @@ export class HaMdDialog extends Dialog {`
`175`	`175`	`}`
`176`	`176`
`177`	`177`	`.container {`
`178`		`- padding-top: var(--safe-area-inset-top);`
`179`		`- padding-bottom: var(--safe-area-inset-bottom);`
`180`		`- padding-left: var(--safe-area-inset-left);`
`181`		`- padding-right: var(--safe-area-inset-right);`
	`178`	`+ margin-top: var(--safe-area-inset-top, var(--ha-space-0));`
	`179`	`+ margin-bottom: var(--safe-area-inset-bottom, var(--ha-space-0));`
	`180`	`+ margin-left: var(--safe-area-inset-left, var(--ha-space-0));`
	`181`	`+ margin-right: var(--safe-area-inset-right, var(--ha-space-0));`
`182`	`182`	`}`
`183`	`183`	`}`
`184`	`184`