From de332335e88abc7438057a54e486250ca6cdfdd3 Mon Sep 17 00:00:00 2001
From: Daniel Isaacs <daniel.isaacs@episerver.com>
Date: Fri, 17 Feb 2023 16:00:49 +0000
Subject: [PATCH] Update styles used for modal to avoid z-index issues

---
 .../Features/Blocks/ModalBlock/ModalBlock.cshtml         | 9 +++++++--
 1 file changed, 7 insertions(+), 2 deletions(-)

diff --git a/src/Foundation/Features/Blocks/ModalBlock/ModalBlock.cshtml b/src/Foundation/Features/Blocks/ModalBlock/ModalBlock.cshtml
index 8c9c13934..a2d86dfe6 100644
--- a/src/Foundation/Features/Blocks/ModalBlock/ModalBlock.cshtml
+++ b/src/Foundation/Features/Blocks/ModalBlock/ModalBlock.cshtml
@@ -64,8 +64,9 @@
   }
 }
 
+@if (!@Model.ModalBackgroundImage.IsNullOrEmpty()) {
 <style>
-    .modal-body::before {
+    .modal-content::before {
         content: "";
         background-image: url('@Url.ContentUrl(Model.ModalBackgroundImage)');
         background-repeat: no-repeat;
@@ -77,4 +78,8 @@
         left: 0px;
         opacity: .2;
     }
-</style>
\ No newline at end of file
+    .modal-footer {
+        z-index: 1;
+    }
+</style>
+}
\ No newline at end of file