From 6bc89d24f98c8797dd5f292a2a9ae0bf1e584017 Mon Sep 17 00:00:00 2001
From: olayiwola-compucorp <olayiwola@compucorp.co.uk>
Date: Wed, 27 Mar 2024 11:33:52 +0100
Subject: [PATCH] PROD-190: Ensure alert is visible when modal is displayed

---
 scss/civicrm/common/_block-shadows.scss | 8 +++++++-
 1 file changed, 7 insertions(+), 1 deletion(-)

diff --git a/scss/civicrm/common/_block-shadows.scss b/scss/civicrm/common/_block-shadows.scss
index d41fcc27..fa9e6142 100644
--- a/scss/civicrm/common/_block-shadows.scss
+++ b/scss/civicrm/common/_block-shadows.scss
@@ -6,7 +6,8 @@
  * then the shadows will overlap. The method makes it visually look like there is
  * just a single shadow underneath the pair.
  */
-
+ 
+/* stylelint-disable selector-max-id, selector-max-compound-selectors */
 @mixin block-shadows-for-pair () {
   position: relative;
 
@@ -69,6 +70,11 @@
   z-index: 1;
 }
 
+// Allow alert have higher z-index than modal
+.ui-dialog-open #crm-container {
+  z-index: unset;
+}
+
 @include block-shadows-for-h3-crm-form-block-pair();
 
 *:not(.crm-form-block) {