From ba0f63ad1ee85f7564384ee032dad9b718818667 Mon Sep 17 00:00:00 2001
From: Vikrant Gupta <vikrant.thomso@gmail.com>
Date: Fri, 31 May 2024 13:52:52 +0530
Subject: [PATCH] fix: random sizing issue with alerts query builder (#5116)

* fix: alerts qb rendering

* fix: picker z-index

* fix: intercom z-index

* fix: add antd z-index chart

* fix: add antd z-index chart
---
 .../DropdownWithSubMenu.styles.scss           | 25 +++++++++++-----
 frontend/src/styles.scss                      | 30 ++++++++++---------
 2 files changed, 33 insertions(+), 22 deletions(-)

diff --git a/frontend/src/container/PlannedDowntime/DropdownWithSubMenu/DropdownWithSubMenu.styles.scss b/frontend/src/container/PlannedDowntime/DropdownWithSubMenu/DropdownWithSubMenu.styles.scss
index 3ea5aeb72d..893acc79c9 100644
--- a/frontend/src/container/PlannedDowntime/DropdownWithSubMenu/DropdownWithSubMenu.styles.scss
+++ b/frontend/src/container/PlannedDowntime/DropdownWithSubMenu/DropdownWithSubMenu.styles.scss
@@ -1,15 +1,15 @@
 .options {
 	width: 100%;
-}
 
-.option {
-	padding: 8px 10px;
-	cursor: pointer;
-	overflow: auto;
-}
+	.option {
+		padding: 8px 10px;
+		cursor: pointer;
+		overflow: auto;
+	}
 
-.option:hover {
-	background-color: var(--bg-slate-200);
+	.option:hover {
+		background-color: var(--bg-slate-200);
+	}
 }
 
 .submenu-container {
@@ -80,6 +80,15 @@
 	.ant-popover-inner {
 		padding: 0px;
 	}
+	.option {
+		padding: 8px 10px;
+		cursor: pointer;
+		overflow: auto;
+	}
+
+	.option:hover {
+		background-color: var(--bg-slate-200);
+	}
 }
 
 .save-option-btn {
diff --git a/frontend/src/styles.scss b/frontend/src/styles.scss
index 439fbc8682..1684d7de2a 100644
--- a/frontend/src/styles.scss
+++ b/frontend/src/styles.scss
@@ -247,20 +247,22 @@ body {
 	padding-right: 20px;
 }
 
-.ant-drawer {
-	// do not modify this as this is required to hide intercom in modals
-	z-index: 1000000000000;
+// we want the z-index to be less than 1000 (z-index for antd drawers) as we do not want intercom to interfare when drawers are open
+.intercom-lightweight-app {
+	z-index: 980 !important;
 }
 
-.ant-modal-root {
-	.ant-modal-mask {
-		z-index: 2000000000000 !important;
-	}
-	.ant-modal-wrap {
-		z-index: 2000000000000 !important;
-	}
-}
+/**
 
-.ant-select-dropdown {
-	z-index: 3000000000000 !important;
-}
+z-index chart for components across application
+
+intercom        -  980
+tooltip			-  1070
+popover 		-  1030
+drawer  		-  1000
+time picker 	-  1050
+dropdown 		-  1050
+modal 			-  1000
+notifications	-  2050
+
+*/