From 4789295d326af361388ee6a9d1849d081834e383 Mon Sep 17 00:00:00 2001
From: Philip Allgaier <mail@spacegaier.de>
Date: Tue, 9 Nov 2021 17:24:39 +0100
Subject: [PATCH] Add CSS var for `ha-dialog` border radius (#10424)

---
 src/components/ha-dialog.ts | 4 ++++
 src/resources/styles.ts     | 2 +-
 2 files changed, 5 insertions(+), 1 deletion(-)

diff --git a/src/components/ha-dialog.ts b/src/components/ha-dialog.ts
index 8c7c0a36d2..34614bedc6 100644
--- a/src/components/ha-dialog.ts
+++ b/src/components/ha-dialog.ts
@@ -72,6 +72,10 @@ export class HaDialog extends Dialog {
           position: var(--dialog-surface-position, relative);
           top: var(--dialog-surface-top);
           min-height: var(--mdc-dialog-min-height, auto);
+          border-radius: var(
+            --ha-dialog-border-radius,
+            var(--ha-card-border-radius, 4px)
+          );
         }
         :host([flexContent]) .mdc-dialog .mdc-dialog__content {
           display: flex;
diff --git a/src/resources/styles.ts b/src/resources/styles.ts
index f9c7013fd5..5c4cc273c6 100644
--- a/src/resources/styles.ts
+++ b/src/resources/styles.ts
@@ -331,8 +331,8 @@ export const haStyleDialog = css`
       );
       --mdc-dialog-min-height: 100%;
       --mdc-dialog-max-height: 100%;
-      --mdc-shape-medium: 0px;
       --vertial-align-dialog: flex-end;
+      --ha-dialog-border-radius: 0px;
     }
   }
   mwc-button.warning {