Some Fixes for mobile theme:

- 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

View File

@ -4324,7 +4324,7 @@ td.message span.message {
width: 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);
padding-right: 20px;
content: "";
@ -6309,13 +6309,13 @@ a.textSidebox {
}
#egw_fw_basecontainer #egw_fw_top_toolbar div.egw_fw_ui_tabs_header {
max-height: 60px;
width: 69%;
width: 60%;
margin-left: 0;
overflow-x: scroll;
position: initial;
white-space: nowrap;
position: fixed;
left: 30%;
left: 40%;
top: 15px;
height: 50px;
}
@ -6336,7 +6336,7 @@ a.textSidebox {
display: none;
}
#egw_fw_basecontainer div#egw_fw_logout {
left: 235px;
left: 310px;
top: 20px;
width: 24px;
height: 24px;
@ -6344,12 +6344,12 @@ a.textSidebox {
z-index: 1;
}
#egw_fw_basecontainer div#egw_fw_print {
display: none;
left: 180px;
left: 268px;
top: 20px;
width: 24px;
height: 24px;
background-size: 24px 24px;
z-index: 1;
}
#egw_fw_basecontainer .egw_fw_top_toolbar > div:hover {
-webkit-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6);
@ -6370,6 +6370,11 @@ a.textSidebox {
background-repeat: no-repeat;
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 {
-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);
@ -6390,8 +6395,14 @@ a.textSidebox {
list-style-type: none;
}
#egw_fw_basecontainer div#egw_fw_topmenu_items ul li {
display: inline;
padding-right: 6px;
display: -webkit-inline-box;
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 {
content: " ";
@ -6400,6 +6411,7 @@ a.textSidebox {
width: 32px;
height: 32px;
background-size: 32px 32px;
/*display:inline-block;*/
display: none;
}
#egw_fw_basecontainer div#egw_fw_topmenu_items ul a#topmenu_prefs:before {
@ -6433,7 +6445,7 @@ a.textSidebox {
background-size: 32px 32px;
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);
content: "";
background-repeat: no-repeat;
@ -6952,7 +6964,8 @@ a.textSidebox {
display: none;
}
.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;
}
.tabs-header-portrait-collapsed {

View File

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

View File

@ -4313,7 +4313,7 @@ td.message span.message {
width: 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);
padding-right: 20px;
content: "";

BIN
pixelegg/images/category.png Executable file

Binary file not shown.

After

Width:  |  Height:  |  Size: 2.0 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 4.0 KiB

After

Width:  |  Height:  |  Size: 3.9 KiB

Binary file not shown.

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

Binary file not shown.

Before

Width:  |  Height:  |  Size: 3.0 KiB

After

Width:  |  Height:  |  Size: 2.2 KiB

Binary file not shown.

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

Binary file not shown.

Before

Width:  |  Height:  |  Size: 2.4 KiB

After

Width:  |  Height:  |  Size: 3.0 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 3.9 KiB

After

Width:  |  Height:  |  Size: 4.0 KiB

View File

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