From 2203f4305262cd418277da4ae92a97b653bc92ff Mon Sep 17 00:00:00 2001
From: ayeshoali <ayeshoali@gmail.com>
Date: Tue, 25 Oct 2022 11:30:44 +0500
Subject: [PATCH] fix: removed highlighted header-action-bar on confirmation
 pop-up

---
 src/discussions/common/DeleteConfirmation.jsx | 2 +-
 src/index.scss                                | 9 +++++++--
 2 files changed, 8 insertions(+), 3 deletions(-)

diff --git a/src/discussions/common/DeleteConfirmation.jsx b/src/discussions/common/DeleteConfirmation.jsx
index a9fe8140..3bda8b72 100644
--- a/src/discussions/common/DeleteConfirmation.jsx
+++ b/src/discussions/common/DeleteConfirmation.jsx
@@ -15,7 +15,7 @@ function DeleteConfirmation({
   onDelete,
 }) {
   return (
-    <ModalDialog title={title} isOpen={isOpen} hasCloseButton={false} onClose={onClose}>
+    <ModalDialog title={title} isOpen={isOpen} hasCloseButton={false} onClose={onClose} zIndex={5000}>
       <ModalDialog.Header>
         <ModalDialog.Title>
           {title}
diff --git a/src/index.scss b/src/index.scss
index 308eb0ae..09ec85cd 100755
--- a/src/index.scss
+++ b/src/index.scss
@@ -118,7 +118,7 @@ $fa-font-path: "~font-awesome/fonts";
 
 header {
   .user-dropdown {
-    z-index: 10000;
+    z-index: 2005;
   }
   .logo {
     margin-right: 1rem;
@@ -227,7 +227,7 @@ header {
 
 .header-action-bar {
   background-color: #fff;
-  z-index: 9999;
+  z-index: 2002;
   box-shadow: 0px 2px 4px rgb(0 0 0 / 15%), 0px 2px 8px rgb(0 0 0 / 15%);
   position: sticky;
   top: 0;
@@ -240,3 +240,8 @@ header {
 .discussion-topic-group:last-of-type .divider{
   display: none;
 }
+
+.zindex-5000{
+ z-index: 5000;
+}
+