From e351982be8cdb5d5afdf4fc3e7d5679fc83956f8 Mon Sep 17 00:00:00 2001
From: Hadi Nategh <hnategh@gmail.com>
Date: Tue, 23 Feb 2021 16:05:27 +0100
Subject: [PATCH] WIP Mobile and Compact theme styling improvements: -fix
 searchbox -fix broken scrolling in sidebar

---
 pixelegg/css/mobile.css        |  8 +++++++-
 pixelegg/css/mobile.less       |  4 +++-
 pixelegg/mobile/fw_mobile.css  | 15 +++++++++++++--
 pixelegg/mobile/fw_mobile.less |  5 ++++-
 4 files changed, 27 insertions(+), 5 deletions(-)

diff --git a/pixelegg/css/mobile.css b/pixelegg/css/mobile.css
index 38b67697d6..466ddf14bb 100644
--- a/pixelegg/css/mobile.css
+++ b/pixelegg/css/mobile.css
@@ -7487,6 +7487,12 @@ img.et2_button_icon[src*="svg"]:hover {
   body #egw_fw_sidebar.avatarSubmenu {
     top: 325px;
   }
+  body #egw_fw_sidebar #egw_fw_sidemenu::-webkit-scrollbar {
+    width: 1px;
+  }
+  body #egw_fw_sidebar #egw_fw_sidemenu {
+    overflow-y: auto;
+  }
   body #egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_sidemenu_entry_apps .egw_fw_ui_sidemenu_entry_header {
     margin: 0px 5px 0px 2px;
     padding: 4px 10px 0 0px;
@@ -7511,7 +7517,7 @@ img.et2_button_icon[src*="svg"]:hover {
     box-shadow: inset 1px 2px 1px rgba(0, 0, 0, 0.5);
   }
   body #egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_sidemenu_entry_apps .egw_fw_ui_sidemenu_entry_header h1 {
-    margin: 0 0 10px 0;
+    margin: 6px 0 10px 0;
     padding-top: 0.31em;
     padding-left: 3em;
     color: #999999;
diff --git a/pixelegg/css/mobile.less b/pixelegg/css/mobile.less
index 7690428a8c..e2300fe05a 100644
--- a/pixelegg/css/mobile.less
+++ b/pixelegg/css/mobile.less
@@ -445,8 +445,10 @@
 		//###################
 		#egw_fw_sidebar.avatarSubmenu {top:325px;}
 		#egw_fw_sidebar{
+			#egw_fw_sidemenu::-webkit-scrollbar {width: 1px;}
 			//SIDE AREA
 			#egw_fw_sidemenu {
+				overflow-y: auto;
 				.egw_fw_ui_sidemenu_entry_apps {
 					.egw_fw_ui_sidemenu_entry_header
 					{
@@ -469,7 +471,7 @@
 						&:active {.box_shadow_standard_light_inset;}
 
 						h1 {
-							margin: 0 0 10px 0;
+							margin: 6px 0 10px 0;
 							padding-top: 0.31em;
 							padding-left: 3em;
 							.color_40_gray;
diff --git a/pixelegg/mobile/fw_mobile.css b/pixelegg/mobile/fw_mobile.css
index cb0e843d5f..15f9096492 100644
--- a/pixelegg/mobile/fw_mobile.css
+++ b/pixelegg/mobile/fw_mobile.css
@@ -7321,6 +7321,12 @@ img.et2_button_icon[src*="svg"]:hover {
   body #egw_fw_sidebar.avatarSubmenu {
     top: 325px;
   }
+  body #egw_fw_sidebar #egw_fw_sidemenu::-webkit-scrollbar {
+    width: 1px;
+  }
+  body #egw_fw_sidebar #egw_fw_sidemenu {
+    overflow-y: auto;
+  }
   body #egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_sidemenu_entry_apps .egw_fw_ui_sidemenu_entry_header {
     margin: 0px 5px 0px 2px;
     padding: 4px 10px 0 0px;
@@ -7345,7 +7351,7 @@ img.et2_button_icon[src*="svg"]:hover {
     box-shadow: inset 1px 2px 1px rgba(0, 0, 0, 0.5);
   }
   body #egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_sidemenu_entry_apps .egw_fw_ui_sidemenu_entry_header h1 {
-    margin: 0 0 10px 0;
+    margin: 6px 0 10px 0;
     padding-top: 0.31em;
     padding-left: 3em;
     color: #999999;
@@ -8490,10 +8496,10 @@ form[id^="ranking-"] .dialogHeadbar {
     background: #0c5da5;
     margin-top: 0;
     padding-left: 60px;
-    box-shadow: 0px 4px 5px 2px silver;
     position: relative;
     height: 50px;
     z-index: 1;
+    border-bottom: 1px solid transparent;
   }
   body .et2_nextmatch .nm-mob-header button {
     height: 50px;
@@ -9190,10 +9196,15 @@ form[id^="ranking-"] .dialogHeadbar {
     background-position: center;
     background-repeat: no-repeat;
     background-size: 24px 24px;
+    display: inline-block !important;
   }
   body .et2_searchbox.expanded .flex {
     width: 100%;
     position: absolute;
+    border: 0;
+  }
+  body .et2_searchbox.expanded .flex input {
+    border: 0;
   }
   body img.et2_button_icon[src*="svg"] {
     background: none;
diff --git a/pixelegg/mobile/fw_mobile.less b/pixelegg/mobile/fw_mobile.less
index 2823c1ad76..600fd55943 100644
--- a/pixelegg/mobile/fw_mobile.less
+++ b/pixelegg/mobile/fw_mobile.less
@@ -823,10 +823,10 @@
 				background: @mobile-nm-search-bg;
 				margin-top: 0;
 				padding-left: 60px;
-				box-shadow: 0px 4px 5px 2px silver;
 				position: relative;
 				height: 50px;
 				z-index: 1;
+				border-bottom: 1px solid transparent;
 				button {
 					height: @mobile-elem-height;
 					width: @mobile-button-width;
@@ -1519,10 +1519,13 @@
 				background-position: center;
 				background-repeat: no-repeat;
 				background-size: 24px 24px;
+				display: inline-block !important;
 			}
 			.flex{
 				width:100%;
 				position: absolute;
+				border: 0;
+				input {border:0}
 			}
 		}