From 25a330dceebfbc72e80e1e59a68bbc331123d994 Mon Sep 17 00:00:00 2001 From: Hadi Nategh Date: Tue, 10 Dec 2019 15:11:26 +0100 Subject: [PATCH] Fix broken compact theme sidebar --- pixelegg/css/mobile.css | 19 ++++--------------- pixelegg/css/mobile.less | 13 ++++--------- pixelegg/mobile/fw_mobile.css | 22 +++++++--------------- pixelegg/mobile/fw_mobile.less | 3 +++ 4 files changed, 18 insertions(+), 39 deletions(-) diff --git a/pixelegg/css/mobile.css b/pixelegg/css/mobile.css index fb9ca76f22..4d57ef4b2f 100644 --- a/pixelegg/css/mobile.css +++ b/pixelegg/css/mobile.css @@ -6497,7 +6497,7 @@ span.egw_tutorial_title { body #egw_fw_basecontainer div#egw_fw_topmenu_items { width: 100%; display: block; - padding-top: 10px; + padding-top: 50px; } body #egw_fw_basecontainer div#egw_fw_topmenu_items ul { display: inline-block; @@ -6709,10 +6709,6 @@ span.egw_tutorial_title { body #egw_fw_sidebar.avatarSubmenu { top: 280px; } - body #egw_fw_sidebar { - top: 55px; - bottom: 5px; - } body #egw_fw_sidebar #egw_fw_sidemenu { position: absolute; top: 0px; @@ -6722,13 +6718,12 @@ span.egw_tutorial_title { overflow-y: auto; -webkit-overflow-scrolling: touch; z-index: 0; - padding-top: 0.6em; font-size: 0.9em; background-color: white; } 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 16px; + padding: 4px 10px 0 0px; overflow: visible; height: 38px; border: none; @@ -6989,12 +6984,6 @@ span.egw_tutorial_title { body .sidebar-toggle #egw_fw_top_toolbar #egw_fw_appsToggle { display: none !important; } - body .sidebar-toggle #egw_fw_sidebar { - top: 70px; - } - body .sidebar-toggle #egw_fw_sidebar #egw_fw_sidemenu { - width: 82px !important; - } body .sidebar-toggle #egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_sidemenu_entry_content { display: none !important; } @@ -7006,8 +6995,8 @@ span.egw_tutorial_title { padding: 0; } body .sidebar-toggle #egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_sidemenu_entry_header { - margin: 0px 5px 0px 2px; - padding: 4px 10px 0 16px; + margin: 0px 0px 0px 2px; + padding: 4px 0px 0 0px; overflow: visible; height: 38px; width: 50px; diff --git a/pixelegg/css/mobile.less b/pixelegg/css/mobile.less index d55c42132e..c55e17760f 100644 --- a/pixelegg/css/mobile.less +++ b/pixelegg/css/mobile.less @@ -228,7 +228,7 @@ div#egw_fw_topmenu_items{ width: 100%; display: block; - padding-top:10px; + padding-top:50px; ul{ display:inline-block; @@ -442,8 +442,6 @@ //################### #egw_fw_sidebar.avatarSubmenu {top:280px;} #egw_fw_sidebar{ - top: 55px; - bottom: 5px; //SIDE AREA #egw_fw_sidemenu { position: absolute; @@ -454,14 +452,13 @@ overflow-y: auto; -webkit-overflow-scrolling:touch; z-index: 0; - padding-top: 0.6em; font-size: 0.9em; background-color:white; .egw_fw_ui_sidemenu_entry_apps { .egw_fw_ui_sidemenu_entry_header { margin:0px 5px 0px 2px; - padding: 4px 10px 0 16px; + padding: 4px 10px 0 0px; overflow: visible; height:38px; border:none; @@ -683,9 +680,7 @@ #egw_fw_topmenu_info_items, #egw_fw_topmenu, #egw_fw_userinfo, .egw_fw_logout, #egw_fw_appsToggle {display: none !important;} } #egw_fw_sidebar{ - top: 70px; #egw_fw_sidemenu{ - width:82px !important; .egw_fw_ui_sidemenu_entry_content{ display:none !important; } @@ -699,8 +694,8 @@ } } .egw_fw_ui_sidemenu_entry_header{ - margin:0px 5px 0px 2px; - padding: 4px 10px 0 16px; + margin:0px 0px 0px 2px; + padding: 4px 0px 0 0px; overflow: visible; height:38px; width:50px; diff --git a/pixelegg/mobile/fw_mobile.css b/pixelegg/mobile/fw_mobile.css index d28dae544a..a7b1bddabe 100644 --- a/pixelegg/mobile/fw_mobile.css +++ b/pixelegg/mobile/fw_mobile.css @@ -6508,7 +6508,7 @@ span.egw_tutorial_title { body #egw_fw_basecontainer div#egw_fw_topmenu_items { width: 100%; display: block; - padding-top: 10px; + padding-top: 50px; } body #egw_fw_basecontainer div#egw_fw_topmenu_items ul { display: inline-block; @@ -6720,10 +6720,6 @@ span.egw_tutorial_title { body #egw_fw_sidebar.avatarSubmenu { top: 280px; } - body #egw_fw_sidebar { - top: 55px; - bottom: 5px; - } body #egw_fw_sidebar #egw_fw_sidemenu { position: absolute; top: 0px; @@ -6733,13 +6729,12 @@ span.egw_tutorial_title { overflow-y: auto; -webkit-overflow-scrolling: touch; z-index: 0; - padding-top: 0.6em; font-size: 0.9em; background-color: white; } 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 16px; + padding: 4px 10px 0 0px; overflow: visible; height: 38px; border: none; @@ -7000,12 +6995,6 @@ span.egw_tutorial_title { body .sidebar-toggle #egw_fw_top_toolbar #egw_fw_appsToggle { display: none !important; } - body .sidebar-toggle #egw_fw_sidebar { - top: 70px; - } - body .sidebar-toggle #egw_fw_sidebar #egw_fw_sidemenu { - width: 82px !important; - } body .sidebar-toggle #egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_sidemenu_entry_content { display: none !important; } @@ -7017,8 +7006,8 @@ span.egw_tutorial_title { padding: 0; } body .sidebar-toggle #egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_sidemenu_entry_header { - margin: 0px 5px 0px 2px; - padding: 4px 10px 0 16px; + margin: 0px 0px 0px 2px; + padding: 4px 0px 0 0px; overflow: visible; height: 38px; width: 50px; @@ -7441,6 +7430,9 @@ form[id^="ranking-"] .dialogHeadbar { -o-filter: none; filter: none; } + body #egw_fw_sidebar { + top: 50px; + } body #egw_fw_basecontainer #egw_fw_top_toolbar { z-index: 998; width: 300px; diff --git a/pixelegg/mobile/fw_mobile.less b/pixelegg/mobile/fw_mobile.less index ef579ba28f..30914bf391 100644 --- a/pixelegg/mobile/fw_mobile.less +++ b/pixelegg/mobile/fw_mobile.less @@ -217,6 +217,9 @@ } } + #egw_fw_sidebar { + top:50px; + } #egw_fw_basecontainer { #egw_fw_top_toolbar {