From 11f48222691b6748e202445be5117c0873997f21 Mon Sep 17 00:00:00 2001
From: nathan <nathangray.bsc+github@gmail.com>
Date: Tue, 28 Nov 2023 09:51:50 -0700
Subject: [PATCH] Fix select popups in sidemenu were behind main content

---
 pixelegg/css/mobile.css                  | 5 ++++-
 pixelegg/css/monochrome.css              | 5 ++++-
 pixelegg/css/pixelegg.css                | 5 ++++-
 pixelegg/less/layout_raster_main.less    | 2 ++
 pixelegg/less/layout_raster_sidebar.less | 3 ++-
 pixelegg/mobile/fw_mobile.css            | 5 ++++-
 6 files changed, 20 insertions(+), 5 deletions(-)

diff --git a/pixelegg/css/mobile.css b/pixelegg/css/mobile.css
index 609b42a71a..a97550d618 100644
--- a/pixelegg/css/mobile.css
+++ b/pixelegg/css/mobile.css
@@ -4552,6 +4552,8 @@ span.overlayContainer img.overlay {
 #egw_fw_main {
   padding: 0;
   width: auto;
+  position: relative;
+  z-index: 1;
 }
 #egw_fw_main #egw_fw_tabs {
   position: relative;
@@ -4733,6 +4735,7 @@ span.overlayContainer img.overlay {
   left: 0px;
   bottom: 0px;
   width: 225px;
+  z-index: 2;
   /*#################################*/
 }
 #egw_fw_sidebar #egw_fw_sidemenu {
@@ -4742,7 +4745,7 @@ span.overlayContainer img.overlay {
   left: 0px;
   right: 8px;
   overflow: hidden;
-  z-index: 0;
+  z-index: 2;
   font-size: 0.9em;
 }
 #egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_scrollarea_outerdiv {
diff --git a/pixelegg/css/monochrome.css b/pixelegg/css/monochrome.css
index e4c371f6e8..8aaf9e5a78 100644
--- a/pixelegg/css/monochrome.css
+++ b/pixelegg/css/monochrome.css
@@ -4532,6 +4532,8 @@ span.overlayContainer img.overlay {
 #egw_fw_main {
   padding: 0;
   width: auto;
+  position: relative;
+  z-index: 1;
 }
 #egw_fw_main #egw_fw_tabs {
   position: relative;
@@ -4713,6 +4715,7 @@ span.overlayContainer img.overlay {
   left: 0px;
   bottom: 0px;
   width: 225px;
+  z-index: 2;
   /*#################################*/
 }
 #egw_fw_sidebar #egw_fw_sidemenu {
@@ -4722,7 +4725,7 @@ span.overlayContainer img.overlay {
   left: 0px;
   right: 8px;
   overflow: hidden;
-  z-index: 0;
+  z-index: 2;
   font-size: 0.9em;
 }
 #egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_scrollarea_outerdiv {
diff --git a/pixelegg/css/pixelegg.css b/pixelegg/css/pixelegg.css
index 27fdc97b5e..426dee92de 100644
--- a/pixelegg/css/pixelegg.css
+++ b/pixelegg/css/pixelegg.css
@@ -4542,6 +4542,8 @@ span.overlayContainer img.overlay {
 #egw_fw_main {
   padding: 0;
   width: auto;
+  position: relative;
+  z-index: 1;
 }
 #egw_fw_main #egw_fw_tabs {
   position: relative;
@@ -4723,6 +4725,7 @@ span.overlayContainer img.overlay {
   left: 0px;
   bottom: 0px;
   width: 225px;
+  z-index: 2;
   /*#################################*/
 }
 #egw_fw_sidebar #egw_fw_sidemenu {
@@ -4732,7 +4735,7 @@ span.overlayContainer img.overlay {
   left: 0px;
   right: 8px;
   overflow: hidden;
-  z-index: 0;
+  z-index: 2;
   font-size: 0.9em;
 }
 #egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_scrollarea_outerdiv {
diff --git a/pixelegg/less/layout_raster_main.less b/pixelegg/less/layout_raster_main.less
index 8a1faf38c9..d1df7a6643 100644
--- a/pixelegg/less/layout_raster_main.less
+++ b/pixelegg/less/layout_raster_main.less
@@ -48,6 +48,8 @@
 #egw_fw_main {
     padding: 0;
     width: auto;
+  	position: relative;
+  	z-index: 1;
     // #######################################
     // AREA for Content
     #egw_fw_tabs{
diff --git a/pixelegg/less/layout_raster_sidebar.less b/pixelegg/less/layout_raster_sidebar.less
index ea692547f6..9c8b6b11a9 100644
--- a/pixelegg/less/layout_raster_sidebar.less
+++ b/pixelegg/less/layout_raster_sidebar.less
@@ -30,6 +30,7 @@
     left: 0px;
     bottom: 0px;
     width: 225px;
+  	z-index:2;
 
     //SIDE AREA
     #egw_fw_sidemenu {
@@ -39,7 +40,7 @@
         left: 0px;
         right: 8px;
         overflow: hidden;
-        z-index: 0;
+        z-index: 2;
         font-size: 0.9em;
 		// SIDE AREA
         .egw_fw_ui_scrollarea_outerdiv{
diff --git a/pixelegg/mobile/fw_mobile.css b/pixelegg/mobile/fw_mobile.css
index b06035683e..83c5634045 100644
--- a/pixelegg/mobile/fw_mobile.css
+++ b/pixelegg/mobile/fw_mobile.css
@@ -4563,6 +4563,8 @@ span.overlayContainer img.overlay {
 #egw_fw_main {
   padding: 0;
   width: auto;
+  position: relative;
+  z-index: 1;
 }
 #egw_fw_main #egw_fw_tabs {
   position: relative;
@@ -4744,6 +4746,7 @@ span.overlayContainer img.overlay {
   left: 0px;
   bottom: 0px;
   width: 225px;
+  z-index: 2;
   /*#################################*/
 }
 #egw_fw_sidebar #egw_fw_sidemenu {
@@ -4753,7 +4756,7 @@ span.overlayContainer img.overlay {
   left: 0px;
   right: 8px;
   overflow: hidden;
-  z-index: 0;
+  z-index: 2;
   font-size: 0.9em;
 }
 #egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_scrollarea_outerdiv {