From ffff4dc03d7ea379d2030221155f8afd5341f455 Mon Sep 17 00:00:00 2001
From: Bram Kragten <mail@bramkragten.nl>
Date: Sat, 13 Jun 2020 06:00:37 +0200
Subject: [PATCH] Add z index to dialog (#6145)

---
 src/components/ha-dialog.ts       |  3 +++
 src/dialogs/generic/dialog-box.ts | 13 ++++---------
 2 files changed, 7 insertions(+), 9 deletions(-)

diff --git a/src/components/ha-dialog.ts b/src/components/ha-dialog.ts
index 92c17b0fa8..6a6d35a031 100644
--- a/src/components/ha-dialog.ts
+++ b/src/components/ha-dialog.ts
@@ -25,6 +25,9 @@ export class HaDialog extends MwcDialog {
     return [
       style,
       css`
+        .mdc-dialog {
+          z-index: var(--dialog-z-index, 7);
+        }
         .mdc-dialog__actions {
           justify-content: var(--justify-action-buttons, flex-end);
         }
diff --git a/src/dialogs/generic/dialog-box.ts b/src/dialogs/generic/dialog-box.ts
index 3194332822..17e784e8c2 100644
--- a/src/dialogs/generic/dialog-box.ts
+++ b/src/dialogs/generic/dialog-box.ts
@@ -132,15 +132,6 @@ class DialogBox extends LitElement {
           pointer-events: initial !important;
           cursor: initial !important;
         }
-        ha-paper-dialog {
-          min-width: 400px;
-          max-width: 500px;
-        }
-        @media (max-width: 400px) {
-          ha-paper-dialog {
-            min-width: initial;
-          }
-        }
         a {
           color: var(--primary-color);
         }
@@ -156,6 +147,10 @@ class DialogBox extends LitElement {
         .secondary {
           color: var(--secondary-text-color);
         }
+        ha-dialog {
+          /* Place above other dialogs */
+          --dialog-z-index: 104;
+        }
       `,
     ];
   }