From 8384d0b38e1f61a84983e88cb0f79fa971fa660a Mon Sep 17 00:00:00 2001
From: Fayaz Ahmed <15716057+fayazara@users.noreply.github.com>
Date: Thu, 18 Nov 2021 19:55:32 +0530
Subject: [PATCH] chore: Update dropdown z-index to be on top of contact
 details pane (#3411)

---
 app/javascript/dashboard/assets/scss/plugins/_dropdown.scss | 2 +-
 app/javascript/shared/assets/stylesheets/z-index.scss       | 1 +
 2 files changed, 2 insertions(+), 1 deletion(-)

diff --git a/app/javascript/dashboard/assets/scss/plugins/_dropdown.scss b/app/javascript/dashboard/assets/scss/plugins/_dropdown.scss
index 7009a077f..e1c0c055d 100644
--- a/app/javascript/dashboard/assets/scss/plugins/_dropdown.scss
+++ b/app/javascript/dashboard/assets/scss/plugins/_dropdown.scss
@@ -3,7 +3,7 @@
   @include border-light;
   box-sizing: content-box;
   width: fit-content;
-  z-index: 999;
+  z-index: var(--z-index-very-high);
 
   &.dropdown-pane--open {
     display: block;
diff --git a/app/javascript/shared/assets/stylesheets/z-index.scss b/app/javascript/shared/assets/stylesheets/z-index.scss
index b170251b8..011bdf11c 100644
--- a/app/javascript/shared/assets/stylesheets/z-index.scss
+++ b/app/javascript/shared/assets/stylesheets/z-index.scss
@@ -8,5 +8,6 @@
   --z-index-high: 1000;
   --z-index-higher: 2000;
   --z-index-much-higher: 5000;
+  --z-index-very-high: 9999;
   --z-index-highest: 10000;
 }