extern/egroupware_official
1
0
Fork 0
mirror of https://github.com/EGroupware/egroupware.git synced 2024-11-21 23:43:17 +01:00
Code Issues Packages Projects Releases Wiki Activity

Mobile theme WIP:

Browse Source 
- Fix size of icons in sidebar
- Fix custom theme color for search messed up color in pixelegg theme
This commit is contained in:
Hadi Nategh 2016-01-15 09:10:24 +00:00
parent 932fcbc78c
commit 195991e4f3
3 changed files with 34 additions and 22 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

24
pixelegg/css/mobile.css
View File

@ -6795,7 +6795,7 @@ span.egw_tutorial_title {
background-repeat: no-repeat;
width: 32px;
height: 32px;
background-size: 30px 30px;
background-size: 24px 24px;
display: inline-block;
background-position: center;
}
@ -6805,7 +6805,7 @@ span.egw_tutorial_title {
background-repeat: no-repeat;
width: 32px;
height: 32px;
background-size: 32px 32px;
background-size: 24px 24px;
/*display:inline-block;*/
display: none;
}
@ -6815,7 +6815,7 @@ span.egw_tutorial_title {
background-repeat: no-repeat;
width: 32px;
height: 32px;
background-size: 32px 32px;
background-size: 24px 24px;
display: inline-block;
background-position: center;
}
@ -6824,7 +6824,7 @@ span.egw_tutorial_title {
background-repeat: no-repeat;
width: 32px;
height: 32px;
background-size: 32px 32px;
background-size: 24px 24px;
background-image: url(../images/topmenu_items/mobile/access.png);
display: inline-block;
background-position: center;
@ -6835,7 +6835,7 @@ span.egw_tutorial_title {
background-repeat: no-repeat;
width: 32px;
height: 32px;
background-size: 32px 32px;
background-size: 24px 24px;
display: inline-block;
background-position: center;
}
@ -6845,7 +6845,7 @@ span.egw_tutorial_title {
background-repeat: no-repeat;
width: 32px;
height: 32px;
background-size: 32px 32px;
background-size: 24px 24px;
display: inline-block;
background-position: center;
}
@ -6855,7 +6855,7 @@ span.egw_tutorial_title {
background-repeat: no-repeat;
width: 32px;
height: 32px;
background-size: 32px 32px;
background-size: 24px 24px;
display: inline-block;
}
#egw_fw_basecontainer div#egw_fw_topmenu_items ul a#topmenu_search:before {
@ -6864,7 +6864,7 @@ span.egw_tutorial_title {
background-repeat: no-repeat;
width: 32px;
height: 32px;
background-size: 32px 32px;
background-size: 24px 24px;
display: inline-block;
background-position: center;
}
@ -7489,11 +7489,15 @@ span.egw_tutorial_title {
background-color: transparent;
top: -3px;
background-position: 15px center;
background-size: 32px 32px;
background-size: 24px 24px;
left: 0;
}
body #egw_fw_basecontainer .egw_fw_ui_tabs_header .egw_fw_ui_tab_header img.egw_fw_ui_tab_icon {
width: 18px;
height: 18px;
}
body #egw_fw_basecontainer #egw_fw_top_toolbar div#egw_fw_menu {
top: 8px;
background-size: 24px 24px;
}
body #egw_fw_basecontainer #egw_fw_top_toolbar div#egw_fw_topmenu_items {
padding-top: 8px;

24
pixelegg/css/mobile.less
View File

@ -256,7 +256,7 @@
background-repeat: no-repeat;
width: 32px;
height: 32px;
background-size: 30px 30px;
background-size: 24px 24px;
display: inline-block;
background-position: center;
}
@ -267,7 +267,7 @@
background-repeat: no-repeat;
width: 32px;
height: 32px;
background-size: 32px 32px;
background-size: 24px 24px;
/*display:inline-block;*/
display:none;
}
@ -278,7 +278,7 @@
background-repeat: no-repeat;
width: 32px;
height: 32px;
background-size: 32px 32px;
background-size: 24px 24px;
display: inline-block;
background-position: center;
}
@ -289,7 +289,7 @@
background-repeat: no-repeat;
width: 32px;
height: 32px;
background-size: 32px 32px;
background-size: 24px 24px;
background-image: url(../images/topmenu_items/mobile/access.png);
display: inline-block;
background-position: center;
@ -301,7 +301,7 @@
background-repeat: no-repeat;
width: 32px;
height: 32px;
background-size: 32px 32px;
background-size: 24px 24px;
display: inline-block;
background-position: center;
}
@ -311,7 +311,7 @@
background-repeat: no-repeat;
width: 32px;
height: 32px;
background-size: 32px 32px;
background-size: 24px 24px;
display: inline-block;
background-position: center;
}
@ -322,7 +322,7 @@
background-repeat: no-repeat;
width: 32px;
height: 32px;
background-size: 32px 32px;
background-size: 24px 24px;
display: inline-block;
}
@ -333,7 +333,7 @@
background-repeat: no-repeat;
width: 32px;
height: 32px;
background-size: 32px 32px;
background-size: 24px 24px;
display: inline-block;
background-position: center;
}
@ -1026,15 +1026,19 @@
background-color: transparent;
top: -3px;
background-position: 15px center;
background-size: 32px 32px;
background-size: 24px 24px;
left: 0;
}
}
}
#egw_fw_basecontainer {
.egw_fw_ui_tabs_header .egw_fw_ui_tab_header img.egw_fw_ui_tab_icon {
width:18px;
height:18px;
}
#egw_fw_top_toolbar {
div#egw_fw_menu {
top:8px;
background-size: 24px 24px;
}
div#egw_fw_topmenu_items {
padding-top: 8px;

8
pixelegg/inc/class.pixelegg_framework.inc.php
View File

@ -153,6 +153,11 @@ div#egw_fw_header, div.egw_fw_ui_category:hover,#loginMainDiv,#loginMainDiv #div
background-color: $color_hex_darker !important;
}
";
if (html::$ua_mobile) $ret['app_css'] .= "
/* Mobile theme specific color changes */
/*nextmatch header and plus_button in mobile theme*/
body div.et2_nextmatch .search,
body div.et2_nextmatch .search button,
@ -161,8 +166,7 @@ body div.et2_nextmatch .search .nm_action_header,
body div.et2_nextmatch .search .nm_toggle_header,
body div.et2_nextmatch .search .nm_favorites_button {
background-color: $color;
}
";
}";
}
return $ret;
}