extern/egroupware_official
1
0
Fork 0
mirror of https://github.com/EGroupware/egroupware.git synced 2024-11-22 07:53:39 +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; background-repeat: no-repeat;
width: 32px; width: 32px;
height: 32px; height: 32px;
background-size: 30px 30px; background-size: 24px 24px;
display: inline-block; display: inline-block;
background-position: center; background-position: center;
} }
@ -6805,7 +6805,7 @@ span.egw_tutorial_title {
background-repeat: no-repeat; background-repeat: no-repeat;
width: 32px; width: 32px;
height: 32px; height: 32px;
background-size: 32px 32px; background-size: 24px 24px;
/*display:inline-block;*/ /*display:inline-block;*/
display: none; display: none;
} }
@ -6815,7 +6815,7 @@ span.egw_tutorial_title {
background-repeat: no-repeat; background-repeat: no-repeat;
width: 32px; width: 32px;
height: 32px; height: 32px;
background-size: 32px 32px; background-size: 24px 24px;
display: inline-block; display: inline-block;
background-position: center; background-position: center;
} }
@ -6824,7 +6824,7 @@ span.egw_tutorial_title {
background-repeat: no-repeat; background-repeat: no-repeat;
width: 32px; width: 32px;
height: 32px; height: 32px;
background-size: 32px 32px; background-size: 24px 24px;
background-image: url(../images/topmenu_items/mobile/access.png); background-image: url(../images/topmenu_items/mobile/access.png);
display: inline-block; display: inline-block;
background-position: center; background-position: center;
@ -6835,7 +6835,7 @@ span.egw_tutorial_title {
background-repeat: no-repeat; background-repeat: no-repeat;
width: 32px; width: 32px;
height: 32px; height: 32px;
background-size: 32px 32px; background-size: 24px 24px;
display: inline-block; display: inline-block;
background-position: center; background-position: center;
} }
@ -6845,7 +6845,7 @@ span.egw_tutorial_title {
background-repeat: no-repeat; background-repeat: no-repeat;
width: 32px; width: 32px;
height: 32px; height: 32px;
background-size: 32px 32px; background-size: 24px 24px;
display: inline-block; display: inline-block;
background-position: center; background-position: center;
} }
@ -6855,7 +6855,7 @@ span.egw_tutorial_title {
background-repeat: no-repeat; background-repeat: no-repeat;
width: 32px; width: 32px;
height: 32px; height: 32px;
background-size: 32px 32px; background-size: 24px 24px;
display: inline-block; display: inline-block;
} }
#egw_fw_basecontainer div#egw_fw_topmenu_items ul a#topmenu_search:before { #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; background-repeat: no-repeat;
width: 32px; width: 32px;
height: 32px; height: 32px;
background-size: 32px 32px; background-size: 24px 24px;
display: inline-block; display: inline-block;
background-position: center; background-position: center;
} }
@ -7489,11 +7489,15 @@ span.egw_tutorial_title {
background-color: transparent; background-color: transparent;
top: -3px; top: -3px;
background-position: 15px center; background-position: 15px center;
background-size: 32px 32px; background-size: 24px 24px;
left: 0; 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 { 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 { body #egw_fw_basecontainer #egw_fw_top_toolbar div#egw_fw_topmenu_items {
padding-top: 8px; padding-top: 8px;

24
pixelegg/css/mobile.less
View File

@ -256,7 +256,7 @@
background-repeat: no-repeat; background-repeat: no-repeat;
width: 32px; width: 32px;
height: 32px; height: 32px;
background-size: 30px 30px; background-size: 24px 24px;
display: inline-block; display: inline-block;
background-position: center; background-position: center;
} }
@ -267,7 +267,7 @@
background-repeat: no-repeat; background-repeat: no-repeat;
width: 32px; width: 32px;
height: 32px; height: 32px;
background-size: 32px 32px; background-size: 24px 24px;
/*display:inline-block;*/ /*display:inline-block;*/
display:none; display:none;
} }
@ -278,7 +278,7 @@
background-repeat: no-repeat; background-repeat: no-repeat;
width: 32px; width: 32px;
height: 32px; height: 32px;
background-size: 32px 32px; background-size: 24px 24px;
display: inline-block; display: inline-block;
background-position: center; background-position: center;
} }
@ -289,7 +289,7 @@
background-repeat: no-repeat; background-repeat: no-repeat;
width: 32px; width: 32px;
height: 32px; height: 32px;
background-size: 32px 32px; background-size: 24px 24px;
background-image: url(../images/topmenu_items/mobile/access.png); background-image: url(../images/topmenu_items/mobile/access.png);
display: inline-block; display: inline-block;
background-position: center; background-position: center;
@ -301,7 +301,7 @@
background-repeat: no-repeat; background-repeat: no-repeat;
width: 32px; width: 32px;
height: 32px; height: 32px;
background-size: 32px 32px; background-size: 24px 24px;
display: inline-block; display: inline-block;
background-position: center; background-position: center;
} }
@ -311,7 +311,7 @@
background-repeat: no-repeat; background-repeat: no-repeat;
width: 32px; width: 32px;
height: 32px; height: 32px;
background-size: 32px 32px; background-size: 24px 24px;
display: inline-block; display: inline-block;
background-position: center; background-position: center;
} }
@ -322,7 +322,7 @@
background-repeat: no-repeat; background-repeat: no-repeat;
width: 32px; width: 32px;
height: 32px; height: 32px;
background-size: 32px 32px; background-size: 24px 24px;
display: inline-block; display: inline-block;
} }
@ -333,7 +333,7 @@
background-repeat: no-repeat; background-repeat: no-repeat;
width: 32px; width: 32px;
height: 32px; height: 32px;
background-size: 32px 32px; background-size: 24px 24px;
display: inline-block; display: inline-block;
background-position: center; background-position: center;
} }
@ -1026,15 +1026,19 @@
background-color: transparent; background-color: transparent;
top: -3px; top: -3px;
background-position: 15px center; background-position: 15px center;
background-size: 32px 32px; background-size: 24px 24px;
left: 0; left: 0;
} }
} }
} }
#egw_fw_basecontainer { #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 { #egw_fw_top_toolbar {
div#egw_fw_menu { div#egw_fw_menu {
top:8px; background-size: 24px 24px;
} }
div#egw_fw_topmenu_items { div#egw_fw_topmenu_items {
padding-top: 8px; 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; 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*/ /*nextmatch header and plus_button in mobile theme*/
body div.et2_nextmatch .search, body div.et2_nextmatch .search,
body div.et2_nextmatch .search button, 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_toggle_header,
body div.et2_nextmatch .search .nm_favorites_button { body div.et2_nextmatch .search .nm_favorites_button {
background-color: $color; background-color: $color;
} }";
";
} }
return $ret; return $ret;
} }