From 52fed6023f2f7cf6b64f00cc40bbaf535ba11db1 Mon Sep 17 00:00:00 2001
From: sabaimran <narmiabas@gmail.com>
Date: Wed, 7 Aug 2024 18:46:06 +0530
Subject: [PATCH] Overlay the side panel on top of other content

---
 src/interface/web/app/agents/agents.module.css           | 3 +--
 src/interface/web/app/automations/automations.module.css | 1 +
 src/interface/web/app/page.module.css                    | 1 +
 src/interface/web/app/search/search.module.css           | 1 +
 src/interface/web/app/settings/settings.module.css       | 2 +-
 5 files changed, 5 insertions(+), 3 deletions(-)

diff --git a/src/interface/web/app/agents/agents.module.css b/src/interface/web/app/agents/agents.module.css
index 8cc0cda5..fe4c3b85 100644
--- a/src/interface/web/app/agents/agents.module.css
+++ b/src/interface/web/app/agents/agents.module.css
@@ -25,6 +25,7 @@ div.pageLayout {
 div.sidePanel {
     position: fixed;
     height: 100%;
+    z-index: 1;
 }
 
 button.infoButton {
@@ -35,7 +36,6 @@ button.infoButton {
     font-size: medium;
 }
 
-
 div.agentList {
     display: grid;
     gap: 20px;
@@ -46,7 +46,6 @@ div.agentList {
     margin-left: auto;
 }
 
-
 @media only screen and (max-width: 768px) {
     div.agentList {
         width: 100%;
diff --git a/src/interface/web/app/automations/automations.module.css b/src/interface/web/app/automations/automations.module.css
index f0c35244..30563e6c 100644
--- a/src/interface/web/app/automations/automations.module.css
+++ b/src/interface/web/app/automations/automations.module.css
@@ -18,6 +18,7 @@ div.pageLayout {
 div.sidePanel {
     position: fixed;
     height: 100%;
+    z-index: 1;
 }
 
 @media screen and (max-width: 768px) {
diff --git a/src/interface/web/app/page.module.css b/src/interface/web/app/page.module.css
index fcd8f28a..d1041377 100644
--- a/src/interface/web/app/page.module.css
+++ b/src/interface/web/app/page.module.css
@@ -87,6 +87,7 @@ div.homeGreetings {
 div.sidePanel {
     position: fixed;
     height: 100%;
+    z-index: 1;
 }
 
 @media screen and (max-width: 768px) {
diff --git a/src/interface/web/app/search/search.module.css b/src/interface/web/app/search/search.module.css
index f4f24a46..1a60d3bf 100644
--- a/src/interface/web/app/search/search.module.css
+++ b/src/interface/web/app/search/search.module.css
@@ -8,6 +8,7 @@ div.searchLayout {
 div.sidePanel {
     position: fixed;
     height: 100%;
+    z-index: 1;
 }
 
 @media screen and (max-width: 768px) {
diff --git a/src/interface/web/app/settings/settings.module.css b/src/interface/web/app/settings/settings.module.css
index 118dc3b1..099a9739 100644
--- a/src/interface/web/app/settings/settings.module.css
+++ b/src/interface/web/app/settings/settings.module.css
@@ -19,6 +19,7 @@ div.phoneInput {
 div.sidePanel {
     position: fixed;
     height: 100%;
+    z-index: 1;
 }
 
 div.phoneInput input {
@@ -29,7 +30,6 @@ div.phoneInput input {
 }
 
 @media screen and (max-width: 768px) {
-
     div.sidePanel {
         position: relative;
         height: 100%;