extern/egroupware_official
1
0
Fork 0
mirror of https://github.com/EGroupware/egroupware.git synced 2024-11-29 03:13:40 +01:00
Code Issues Packages Projects Releases Wiki Activity

Some Fixes for mobile theme:

Browse Source 
- Fix missing change password on top_menu
- Change category icon
- Make the sidebox size bigger
- Show print button on top_menu
This commit is contained in:
Hadi Nategh 2015-03-12 12:22:49 +00:00
parent 6abf97d755
commit 46c67ce3a2
11 changed files with 61 additions and 34 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

33
pixelegg/css/mobile.css
View File

@ -4324,7 +4324,7 @@ td.message span.message {
width: 12px; width: 12px;
height: 12px; height: 12px;
} }
#egw_fw_header #egw_fw_topmenu #egw_fw_topmenu_items ul a#topmenu_preferences:before { #egw_fw_header #egw_fw_topmenu #egw_fw_topmenu_items ul a#topmenu_password:before {
background-image: url(../images/topmenu_items/password.png); background-image: url(../images/topmenu_items/password.png);
padding-right: 20px; padding-right: 20px;
content: ""; content: "";
@ -6309,13 +6309,13 @@ a.textSidebox {
} }
#egw_fw_basecontainer #egw_fw_top_toolbar div.egw_fw_ui_tabs_header { #egw_fw_basecontainer #egw_fw_top_toolbar div.egw_fw_ui_tabs_header {
max-height: 60px; max-height: 60px;
width: 69%; width: 60%;
margin-left: 0; margin-left: 0;
overflow-x: scroll; overflow-x: scroll;
position: initial; position: initial;
white-space: nowrap; white-space: nowrap;
position: fixed; position: fixed;
left: 30%; left: 40%;
top: 15px; top: 15px;
height: 50px; height: 50px;
} }
@ -6336,7 +6336,7 @@ a.textSidebox {
display: none; display: none;
} }
#egw_fw_basecontainer div#egw_fw_logout { #egw_fw_basecontainer div#egw_fw_logout {
left: 235px; left: 310px;
top: 20px; top: 20px;
width: 24px; width: 24px;
height: 24px; height: 24px;
@ -6344,12 +6344,12 @@ a.textSidebox {
z-index: 1; z-index: 1;
} }
#egw_fw_basecontainer div#egw_fw_print { #egw_fw_basecontainer div#egw_fw_print {
display: none; left: 268px;
left: 180px;
top: 20px; top: 20px;
width: 24px; width: 24px;
height: 24px; height: 24px;
background-size: 24px 24px; background-size: 24px 24px;
z-index: 1;
} }
#egw_fw_basecontainer .egw_fw_top_toolbar > div:hover { #egw_fw_basecontainer .egw_fw_top_toolbar > div:hover {
-webkit-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6); -webkit-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6);
@ -6370,6 +6370,11 @@ a.textSidebox {
background-repeat: no-repeat; background-repeat: no-repeat;
z-index: 999; z-index: 999;
} }
#egw_fw_basecontainer div#egw_fw_menu:hover {
-webkit-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);
-moz-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.5);
box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.5);
}
#egw_fw_basecontainer div#egw_fw_menu:active { #egw_fw_basecontainer div#egw_fw_menu:active {
-webkit-box-shadow: inset 1px 2px 1px rgba(0, 0, 0, 0.5); -webkit-box-shadow: inset 1px 2px 1px rgba(0, 0, 0, 0.5);
-moz-box-shadow: inset 1px 2px 1px rgba(0, 0, 0, 0.5); -moz-box-shadow: inset 1px 2px 1px rgba(0, 0, 0, 0.5);
@ -6390,8 +6395,14 @@ a.textSidebox {
list-style-type: none; list-style-type: none;
} }
#egw_fw_basecontainer div#egw_fw_topmenu_items ul li { #egw_fw_basecontainer div#egw_fw_topmenu_items ul li {
display: inline; display: -webkit-inline-box;
padding-right: 6px; display: -moz-inline-box;
padding-right: 0.5em;
}
#egw_fw_basecontainer div#egw_fw_topmenu_items ul li:hover {
-webkit-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);
-moz-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.5);
box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.5);
} }
#egw_fw_basecontainer div#egw_fw_topmenu_items ul a#topmenu_home:before { #egw_fw_basecontainer div#egw_fw_topmenu_items ul a#topmenu_home:before {
content: " "; content: " ";
@ -6400,6 +6411,7 @@ a.textSidebox {
width: 32px; width: 32px;
height: 32px; height: 32px;
background-size: 32px 32px; background-size: 32px 32px;
/*display:inline-block;*/
display: none; display: none;
} }
#egw_fw_basecontainer div#egw_fw_topmenu_items ul a#topmenu_prefs:before { #egw_fw_basecontainer div#egw_fw_topmenu_items ul a#topmenu_prefs:before {
@ -6433,7 +6445,7 @@ a.textSidebox {
background-size: 32px 32px; background-size: 32px 32px;
display: inline-block; display: inline-block;
} }
#egw_fw_basecontainer div#egw_fw_topmenu_items ul a#topmenu_preferences:before { #egw_fw_basecontainer div#egw_fw_topmenu_items ul a#topmenu_password:before {
background-image: url(../images/topmenu_items/mobile/password.png); background-image: url(../images/topmenu_items/mobile/password.png);
content: ""; content: "";
background-repeat: no-repeat; background-repeat: no-repeat;
@ -6952,7 +6964,8 @@ a.textSidebox {
display: none; display: none;
} }
.sidebar-toggle #egw_fw_logout, .sidebar-toggle #egw_fw_logout,
.sidebar-toggle #egw_fw_topmenu_items { .sidebar-toggle #egw_fw_topmenu_items,
.sidebar-toggle #egw_fw_print {
display: none !important; display: none !important;
} }
.tabs-header-portrait-collapsed { .tabs-header-portrait-collapsed {

36
pixelegg/css/mobile.less
View File

@ -104,13 +104,13 @@
#egw_fw_top_toolbar{ #egw_fw_top_toolbar{
div.egw_fw_ui_tabs_header{ div.egw_fw_ui_tabs_header{
max-height: 60px; max-height: 60px;
width: 69%; width: 60%;
margin-left: 0; margin-left: 0;
overflow-x: scroll; overflow-x: scroll;
position: initial; position: initial;
white-space: nowrap; white-space: nowrap;
position: fixed; position: fixed;
left: 30%; left: 40%;
top: 15px; top: 15px;
height: 50px; height: 50px;
span{ span{
@ -134,7 +134,7 @@
} }
//FW Logout //FW Logout
div#egw_fw_logout{ div#egw_fw_logout{
left: 235px; left: 310px;
top: 20px; top: 20px;
width: 24px; width: 24px;
height: 24px; height: 24px;
@ -144,12 +144,12 @@
//FW Print //FW Print
div#egw_fw_print{ div#egw_fw_print{
display:none; //ATM set it to not displayed left: 268px;
left: 180px;
top: 20px; top: 20px;
width: 24px; width: 24px;
height: 24px; height: 24px;
background-size: 24px 24px; background-size: 24px 24px;
z-index: 1;
} }
.egw_fw_top_toolbar>div:hover{ .egw_fw_top_toolbar>div:hover{
-webkit-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6); -webkit-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6);
@ -172,6 +172,11 @@
background-size: 32px 32px; background-size: 32px 32px;
background-repeat: no-repeat; background-repeat: no-repeat;
z-index: 999; z-index: 999;
&:hover {
-webkit-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);
-moz-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.5);
box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.5);
}
} }
div#egw_fw_menu:active { div#egw_fw_menu:active {
-webkit-box-shadow: inset 1px 2px 1px rgba(0, 0, 0, 0.5); -webkit-box-shadow: inset 1px 2px 1px rgba(0, 0, 0, 0.5);
@ -191,8 +196,14 @@
margin:0; margin:0;
list-style-type: none; list-style-type: none;
li{ li{
display:inline; display: -webkit-inline-box;
padding-right: 6px; display: -moz-inline-box;
padding-right: 0.5em;
&:hover {
-webkit-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);
-moz-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.5);
box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.5);
}
} }
a#topmenu_home:before { a#topmenu_home:before {
content: " "; content: " ";
@ -201,6 +212,7 @@
width: 32px; width: 32px;
height: 32px; height: 32px;
background-size: 32px 32px; background-size: 32px 32px;
/*display:inline-block;*/
display:none; display:none;
} }
a#topmenu_prefs { a#topmenu_prefs {
@ -238,7 +250,7 @@
background-size: 32px 32px; background-size: 32px 32px;
display: inline-block; display: inline-block;
} }
a#topmenu_preferences:before { a#topmenu_password:before {
background-image: url(../images/topmenu_items/mobile/password.png); background-image: url(../images/topmenu_items/mobile/password.png);
content: ""; content: "";
background-repeat: no-repeat; background-repeat: no-repeat;
@ -258,7 +270,8 @@
display: inline-block; display: inline-block;
} }
a#topmenu_search:before { a#topmenu_search{
&:before {
background-image: url(../images/topmenu_items/mobile/search.png); background-image: url(../images/topmenu_items/mobile/search.png);
content: ""; content: "";
background-repeat: no-repeat; background-repeat: no-repeat;
@ -267,13 +280,14 @@
background-size: 32px 32px; background-size: 32px 32px;
display: inline-block; display: inline-block;
} }
a#topmenu_search:active { &:active {
transform: scale(-2); transform: scale(-2);
-webkit-transform:scale(-2); -webkit-transform:scale(-2);
-webkit-transition: 1s ease; -webkit-transition: 1s ease;
} }
} }
} }
}
}//End of toolbar }//End of toolbar
// ######################tabs header ########################## // ######################tabs header ##########################
@ -703,7 +717,7 @@
} }
} }
} }
#egw_fw_logout, #egw_fw_topmenu_items{ #egw_fw_logout, #egw_fw_topmenu_items, #egw_fw_print{
display:none !important; display:none !important;
} }
} }

2
pixelegg/css/pixelegg.css
View File

@ -4313,7 +4313,7 @@ td.message span.message {
width: 12px; width: 12px;
height: 12px; height: 12px;
} }
#egw_fw_header #egw_fw_topmenu #egw_fw_topmenu_items ul a#topmenu_preferences:before { #egw_fw_header #egw_fw_topmenu #egw_fw_topmenu_items ul a#topmenu_password:before {
background-image: url(../images/topmenu_items/password.png); background-image: url(../images/topmenu_items/password.png);
padding-right: 20px; padding-right: 20px;
content: ""; content: "";

BIN
pixelegg/images/category.png Executable file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 2.0 KiB

BIN
pixelegg/images/topmenu_items/access.png
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 4.0 KiB

After

Width:  |  Height:  |  Size: 3.9 KiB

BIN
pixelegg/images/topmenu_items/category.png
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 3.7 KiB

After

Width:  |  Height:  |  Size: 644 B

BIN
pixelegg/images/topmenu_items/mobile/access.png Normal file → Executable file
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 3.0 KiB

After

Width:  |  Height:  |  Size: 2.2 KiB

BIN
pixelegg/images/topmenu_items/mobile/category.png
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 1.5 KiB

After

Width:  |  Height:  |  Size: 2.0 KiB

BIN
pixelegg/images/topmenu_items/mobile/password.png Executable file → Normal file
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 2.4 KiB

After

Width:  |  Height:  |  Size: 3.0 KiB

BIN
pixelegg/images/topmenu_items/password.png
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 3.9 KiB

After

Width:  |  Height:  |  Size: 4.0 KiB

2
pixelegg/less/layout_raster_header.less
View File

@ -166,7 +166,7 @@
} }
} }
/*password*/ /*password*/
a#topmenu_preferences{ a#topmenu_password{
&:before { &:before {
background-image: url(../images/topmenu_items/password.png); background-image: url(../images/topmenu_items/password.png);
padding-right: 20px; padding-right: 20px;