extern/egroupware
1
0
Fork 1
mirror of https://github.com/EGroupware/egroupware.git synced 2024-12-25 16:19:00 +01:00
Code Issues Packages Projects Releases Wiki Activity

WIP Mobile and Compact theme styling improvements:

Browse Source 
-fix searchbox
-fix broken scrolling in sidebar
This commit is contained in:
Hadi Nategh 2021-02-23 16:05:27 +01:00
parent 5c43ce73f2
commit e351982be8
4 changed files with 27 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
pixelegg/css/mobile.css
View File

@ -7487,6 +7487,12 @@ img.et2_button_icon[src*="svg"]:hover {
body #egw_fw_sidebar.avatarSubmenu { body #egw_fw_sidebar.avatarSubmenu {
top: 325px; 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 { body #egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_sidemenu_entry_apps .egw_fw_ui_sidemenu_entry_header {
margin: 0px 5px 0px 2px; margin: 0px 5px 0px 2px;
padding: 4px 10px 0 0px; 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); 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 { 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-top: 0.31em;
padding-left: 3em; padding-left: 3em;
color: #999999; color: #999999;

4
pixelegg/css/mobile.less
View File

@ -445,8 +445,10 @@
//################### //###################
#egw_fw_sidebar.avatarSubmenu {top:325px;} #egw_fw_sidebar.avatarSubmenu {top:325px;}
#egw_fw_sidebar{ #egw_fw_sidebar{
#egw_fw_sidemenu::-webkit-scrollbar {width: 1px;}
//SIDE AREA //SIDE AREA
#egw_fw_sidemenu { #egw_fw_sidemenu {
overflow-y: auto;
.egw_fw_ui_sidemenu_entry_apps { .egw_fw_ui_sidemenu_entry_apps {
.egw_fw_ui_sidemenu_entry_header .egw_fw_ui_sidemenu_entry_header
{ {
@ -469,7 +471,7 @@
&:active {.box_shadow_standard_light_inset;} &:active {.box_shadow_standard_light_inset;}
h1 { h1 {
margin: 0 0 10px 0; margin: 6px 0 10px 0;
padding-top: 0.31em; padding-top: 0.31em;
padding-left: 3em; padding-left: 3em;
.color_40_gray; .color_40_gray;

15
pixelegg/mobile/fw_mobile.css
View File

@ -7321,6 +7321,12 @@ img.et2_button_icon[src*="svg"]:hover {
body #egw_fw_sidebar.avatarSubmenu { body #egw_fw_sidebar.avatarSubmenu {
top: 325px; 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 { body #egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_sidemenu_entry_apps .egw_fw_ui_sidemenu_entry_header {
margin: 0px 5px 0px 2px; margin: 0px 5px 0px 2px;
padding: 4px 10px 0 0px; 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); 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 { 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-top: 0.31em;
padding-left: 3em; padding-left: 3em;
color: #999999; color: #999999;
@ -8490,10 +8496,10 @@ form[id^="ranking-"] .dialogHeadbar {
background: #0c5da5; background: #0c5da5;
margin-top: 0; margin-top: 0;
padding-left: 60px; padding-left: 60px;
box-shadow: 0px 4px 5px 2px silver;
position: relative; position: relative;
height: 50px; height: 50px;
z-index: 1; z-index: 1;
border-bottom: 1px solid transparent;
} }
body .et2_nextmatch .nm-mob-header button { body .et2_nextmatch .nm-mob-header button {
height: 50px; height: 50px;
@ -9190,10 +9196,15 @@ form[id^="ranking-"] .dialogHeadbar {
background-position: center; background-position: center;
background-repeat: no-repeat; background-repeat: no-repeat;
background-size: 24px 24px; background-size: 24px 24px;
display: inline-block !important;
} }
body .et2_searchbox.expanded .flex { body .et2_searchbox.expanded .flex {
width: 100%; width: 100%;
position: absolute; position: absolute;
border: 0;
}
body .et2_searchbox.expanded .flex input {
border: 0;
} }
body img.et2_button_icon[src*="svg"] { body img.et2_button_icon[src*="svg"] {
background: none; background: none;

5
pixelegg/mobile/fw_mobile.less
View File

@ -823,10 +823,10 @@
background: @mobile-nm-search-bg; background: @mobile-nm-search-bg;
margin-top: 0; margin-top: 0;
padding-left: 60px; padding-left: 60px;
box-shadow: 0px 4px 5px 2px silver;
position: relative; position: relative;
height: 50px; height: 50px;
z-index: 1; z-index: 1;
border-bottom: 1px solid transparent;
button { button {
height: @mobile-elem-height; height: @mobile-elem-height;
width: @mobile-button-width; width: @mobile-button-width;
@ -1519,10 +1519,13 @@
background-position: center; background-position: center;
background-repeat: no-repeat; background-repeat: no-repeat;
background-size: 24px 24px; background-size: 24px 24px;
display: inline-block !important;
} }
.flex{ .flex{
width:100%; width:100%;
position: absolute; position: absolute;
border: 0;
input {border:0}
} }
} }