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

Fix topmenu icons not fully shown. Additionally, some cleanup on layout raster

Browse Source
This commit is contained in:
Hadi Nategh 2016-04-15 13:50:26 +00:00
parent cb605e635c
commit 2c40992428
4 changed files with 251 additions and 357 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

80
pixelegg/css/mobile.css
View File

@ -3662,6 +3662,7 @@ td.message span.message {
/*font-size: 1.1em;*/ /*font-size: 1.1em;*/
font-size: 12px; font-size: 12px;
line-height: 1.5em; line-height: 1.5em;
display: inline-block;
} }
#egw_fw_header #egw_fw_topmenu #egw_fw_topmenu_items ul li a:hover { #egw_fw_header #egw_fw_topmenu #egw_fw_topmenu_items ul li a:hover {
/*color: @gray_10;*/ /*color: @gray_10;*/
@ -3681,76 +3682,53 @@ td.message span.message {
} }
#egw_fw_header #egw_fw_topmenu #egw_fw_topmenu_items ul a#topmenu_home { #egw_fw_header #egw_fw_topmenu #egw_fw_topmenu_items ul a#topmenu_home {
margin-left: 0px; margin-left: 0px;
}
#egw_fw_header #egw_fw_topmenu #egw_fw_topmenu_items ul a#topmenu_home:before {
padding-right: 20px;
font-size: 12px;
content: " ";
background-image: url(../images/topmenu_items/home.png); background-image: url(../images/topmenu_items/home.png);
background-repeat: no-repeat; background-repeat: no-repeat;
background-size: 20px 20px; background-size: 16px;
width: 24px; padding-left: 20px;
height: 24px;
} }
#egw_fw_header #egw_fw_topmenu #egw_fw_topmenu_items ul a#topmenu_prefs { #egw_fw_header #egw_fw_topmenu #egw_fw_topmenu_items ul a#topmenu_prefs {
margin-left: 0px; margin-left: 0px;
} background-repeat: no-repeat;
#egw_fw_header #egw_fw_topmenu #egw_fw_topmenu_items ul a#topmenu_prefs:before { background-size: 16px;
padding-right: 20px; padding-left: 20px;
content: "";
background-image: url(../images/topmenu_items/setup.png); background-image: url(../images/topmenu_items/setup.png);
background-repeat: no-repeat;
/* background-size: 20px 20px;*/
width: 12px;
height: 12px;
} }
#egw_fw_header #egw_fw_topmenu #egw_fw_topmenu_items ul a#topmenu_acl:before { #egw_fw_header #egw_fw_topmenu #egw_fw_topmenu_items ul a#topmenu_acl {
padding-right: 20px;
content: "";
background-repeat: no-repeat; background-repeat: no-repeat;
width: 12px; background-size: 16px;
height: 12px; padding-left: 20px;
background-image: url(../images/topmenu_items/access.png); background-image: url(../images/topmenu_items/access.png);
} }
#egw_fw_header #egw_fw_topmenu #egw_fw_topmenu_items ul a#topmenu_cats:before { #egw_fw_header #egw_fw_topmenu #egw_fw_topmenu_items ul a#topmenu_cats {
background-repeat: no-repeat;
background-size: 16px;
padding-left: 20px;
background-image: url(../images/topmenu_items/category.png); background-image: url(../images/topmenu_items/category.png);
padding-right: 20px;
content: "";
background-repeat: no-repeat;
width: 12px;
height: 12px;
} }
#egw_fw_header #egw_fw_topmenu #egw_fw_topmenu_items ul a#topmenu_password:before { #egw_fw_header #egw_fw_topmenu #egw_fw_topmenu_items ul a#topmenu_password {
background-repeat: no-repeat;
background-size: 16px;
padding-left: 20px;
background-image: url(../images/topmenu_items/password.png); background-image: url(../images/topmenu_items/password.png);
padding-right: 20px;
content: "";
background-repeat: no-repeat;
width: 12px;
height: 12px;
} }
#egw_fw_header #egw_fw_topmenu #egw_fw_topmenu_items ul a#topmenu_manual:before { #egw_fw_header #egw_fw_topmenu #egw_fw_topmenu_items ul a#topmenu_manual {
background-repeat: no-repeat;
background-size: 16px;
padding-left: 20px;
background-image: url(../images/topmenu_items/help.png); background-image: url(../images/topmenu_items/help.png);
padding-right: 20px;
content: "";
background-repeat: no-repeat;
width: 12px;
height: 12px;
} }
#egw_fw_header #egw_fw_topmenu #egw_fw_topmenu_items ul a#topmenu_search:before { #egw_fw_header #egw_fw_topmenu #egw_fw_topmenu_items ul a#topmenu_search {
background-repeat: no-repeat;
background-size: 16px;
padding-left: 20px;
background-image: url(../images/topmenu_items/search.png); background-image: url(../images/topmenu_items/search.png);
padding-right: 20px;
content: "";
background-repeat: no-repeat;
width: 12px;
height: 12px;
} }
#egw_fw_header #egw_fw_topmenu #egw_fw_topmenu_items ul a#topmenu_logout:before { #egw_fw_header #egw_fw_topmenu #egw_fw_topmenu_items ul a#topmenu_logout {
background-image: url(../images/topmenu_items/logout.png);
padding-right: 20px;
content: "";
background-repeat: no-repeat; background-repeat: no-repeat;
width: 16px; background-size: 16px;
height: 16px; padding-left: 20px;
background-image: url(../images/topmenu_items/logout.png);
} }
/* ################################################### /* ###################################################
Slide Effekt Slide Effekt

80
pixelegg/css/pixelegg.css
View File

@ -3651,6 +3651,7 @@ td.message span.message {
/*font-size: 1.1em;*/ /*font-size: 1.1em;*/
font-size: 12px; font-size: 12px;
line-height: 1.5em; line-height: 1.5em;
display: inline-block;
} }
#egw_fw_header #egw_fw_topmenu #egw_fw_topmenu_items ul li a:hover { #egw_fw_header #egw_fw_topmenu #egw_fw_topmenu_items ul li a:hover {
/*color: @gray_10;*/ /*color: @gray_10;*/
@ -3670,76 +3671,53 @@ td.message span.message {
} }
#egw_fw_header #egw_fw_topmenu #egw_fw_topmenu_items ul a#topmenu_home { #egw_fw_header #egw_fw_topmenu #egw_fw_topmenu_items ul a#topmenu_home {
margin-left: 0px; margin-left: 0px;
}
#egw_fw_header #egw_fw_topmenu #egw_fw_topmenu_items ul a#topmenu_home:before {
padding-right: 20px;
font-size: 12px;
content: " ";
background-image: url(../images/topmenu_items/home.png); background-image: url(../images/topmenu_items/home.png);
background-repeat: no-repeat; background-repeat: no-repeat;
background-size: 20px 20px; background-size: 16px;
width: 24px; padding-left: 20px;
height: 24px;
} }
#egw_fw_header #egw_fw_topmenu #egw_fw_topmenu_items ul a#topmenu_prefs { #egw_fw_header #egw_fw_topmenu #egw_fw_topmenu_items ul a#topmenu_prefs {
margin-left: 0px; margin-left: 0px;
} background-repeat: no-repeat;
#egw_fw_header #egw_fw_topmenu #egw_fw_topmenu_items ul a#topmenu_prefs:before { background-size: 16px;
padding-right: 20px; padding-left: 20px;
content: "";
background-image: url(../images/topmenu_items/setup.png); background-image: url(../images/topmenu_items/setup.png);
background-repeat: no-repeat;
/* background-size: 20px 20px;*/
width: 12px;
height: 12px;
} }
#egw_fw_header #egw_fw_topmenu #egw_fw_topmenu_items ul a#topmenu_acl:before { #egw_fw_header #egw_fw_topmenu #egw_fw_topmenu_items ul a#topmenu_acl {
padding-right: 20px;
content: "";
background-repeat: no-repeat; background-repeat: no-repeat;
width: 12px; background-size: 16px;
height: 12px; padding-left: 20px;
background-image: url(../images/topmenu_items/access.png); background-image: url(../images/topmenu_items/access.png);
} }
#egw_fw_header #egw_fw_topmenu #egw_fw_topmenu_items ul a#topmenu_cats:before { #egw_fw_header #egw_fw_topmenu #egw_fw_topmenu_items ul a#topmenu_cats {
background-repeat: no-repeat;
background-size: 16px;
padding-left: 20px;
background-image: url(../images/topmenu_items/category.png); background-image: url(../images/topmenu_items/category.png);
padding-right: 20px;
content: "";
background-repeat: no-repeat;
width: 12px;
height: 12px;
} }
#egw_fw_header #egw_fw_topmenu #egw_fw_topmenu_items ul a#topmenu_password:before { #egw_fw_header #egw_fw_topmenu #egw_fw_topmenu_items ul a#topmenu_password {
background-repeat: no-repeat;
background-size: 16px;
padding-left: 20px;
background-image: url(../images/topmenu_items/password.png); background-image: url(../images/topmenu_items/password.png);
padding-right: 20px;
content: "";
background-repeat: no-repeat;
width: 12px;
height: 12px;
} }
#egw_fw_header #egw_fw_topmenu #egw_fw_topmenu_items ul a#topmenu_manual:before { #egw_fw_header #egw_fw_topmenu #egw_fw_topmenu_items ul a#topmenu_manual {
background-repeat: no-repeat;
background-size: 16px;
padding-left: 20px;
background-image: url(../images/topmenu_items/help.png); background-image: url(../images/topmenu_items/help.png);
padding-right: 20px;
content: "";
background-repeat: no-repeat;
width: 12px;
height: 12px;
} }
#egw_fw_header #egw_fw_topmenu #egw_fw_topmenu_items ul a#topmenu_search:before { #egw_fw_header #egw_fw_topmenu #egw_fw_topmenu_items ul a#topmenu_search {
background-repeat: no-repeat;
background-size: 16px;
padding-left: 20px;
background-image: url(../images/topmenu_items/search.png); background-image: url(../images/topmenu_items/search.png);
padding-right: 20px;
content: "";
background-repeat: no-repeat;
width: 12px;
height: 12px;
} }
#egw_fw_header #egw_fw_topmenu #egw_fw_topmenu_items ul a#topmenu_logout:before { #egw_fw_header #egw_fw_topmenu #egw_fw_topmenu_items ul a#topmenu_logout {
background-image: url(../images/topmenu_items/logout.png);
padding-right: 20px;
content: "";
background-repeat: no-repeat; background-repeat: no-repeat;
width: 16px; background-size: 16px;
height: 16px; padding-left: 20px;
background-image: url(../images/topmenu_items/logout.png);
} }
/* ################################################### /* ###################################################
Slide Effekt Slide Effekt

88
pixelegg/less/layout_raster_header.less
View File

@ -20,7 +20,7 @@
// Header // Header
#egw_fw_header{ #egw_fw_header {
width: 100%; width: 100%;
float: left; float: left;
@ -62,9 +62,6 @@
} }
#egw_fw_topmenu{ #egw_fw_topmenu{
#egw_fw_topmenu_items { #egw_fw_topmenu_items {
float: left; float: left;
padding-top: 14px; padding-top: 14px;
@ -92,7 +89,7 @@
/*font-size: 1.1em;*/ /*font-size: 1.1em;*/
.fontsize_l; .fontsize_l;
line-height: 1.5em; line-height: 1.5em;
display:inline-block;
&:hover { &:hover {
/*color: @gray_10;*/ /*color: @gray_10;*/
@ -106,7 +103,6 @@
/*-webkit-filter: invert(100%);*/ /*-webkit-filter: invert(100%);*/
} }
} }
} }
/*Home*/ /*Home*/
@ -118,101 +114,67 @@
/*home*/ /*home*/
a#topmenu_home { a#topmenu_home {
margin-left: 0px; margin-left: 0px;
&:before {
padding-right: 20px;
.fontsize_l;
content: " ";
background-image: url(../images/topmenu_items/home.png); background-image: url(../images/topmenu_items/home.png);
background-repeat: no-repeat; background-repeat: no-repeat;
background-size: 20px 20px; background-size:16px;
.dimension_width_height_m; padding-left: 20px;
}
} }
/*Setup / Einstellungen*/ /*Setup / Einstellungen*/
a#topmenu_prefs{ a#topmenu_prefs{
margin-left: 0px; margin-left: 0px;
&:before {
padding-right: 20px;
content: "";
background-image: url(../images/topmenu_items/setup.png);
background-repeat: no-repeat; background-repeat: no-repeat;
/* background-size: 20px 20px;*/ background-size:16px;
.dimension_width_height_xs; padding-left: 20px;
} background-image: url(../images/topmenu_items/setup.png);
} }
/*access / Zugriff */ /*access / Zugriff */
a#topmenu_acl{ a#topmenu_acl{
&:before {
padding-right: 20px;
content: "";
background-repeat: no-repeat; background-repeat: no-repeat;
.dimension_width_height_xs; background-size:16px;
padding-left: 20px;
background-image: url(../images/topmenu_items/access.png); background-image: url(../images/topmenu_items/access.png);
} }
}
/*category*/ /*category*/
a#topmenu_cats{ a#topmenu_cats{
&:before {
background-image: url(../images/topmenu_items/category.png);
padding-right: 20px;
content: "";
background-repeat: no-repeat; background-repeat: no-repeat;
.dimension_width_height_xs; background-size:16px;
} padding-left: 20px;
background-image: url(../images/topmenu_items/category.png);
} }
/*password*/ /*password*/
a#topmenu_password{ a#topmenu_password{
&:before {
background-image: url(../images/topmenu_items/password.png);
padding-right: 20px;
content: "";
background-repeat: no-repeat; background-repeat: no-repeat;
.dimension_width_height_xs; background-size:16px;
} padding-left: 20px;
background-image: url(../images/topmenu_items/password.png);
} }
/*help*/ /*help*/
a#topmenu_manual{ a#topmenu_manual{
&:before {
background-image: url(../images/topmenu_items/help.png);
padding-right: 20px;
content: "";
background-repeat: no-repeat; background-repeat: no-repeat;
.dimension_width_height_xs; background-size:16px;
} padding-left: 20px;
background-image: url(../images/topmenu_items/help.png);
} }
/*Search*/ /*Search*/
a#topmenu_search{ a#topmenu_search{
&:before {
background-image: url(../images/topmenu_items/search.png);
padding-right: 20px;
content: "";
background-repeat: no-repeat; background-repeat: no-repeat;
.dimension_width_height_xs; background-size:16px;
} padding-left: 20px;
background-image: url(../images/topmenu_items/search.png);
} }
/*logout*/ /*logout*/
a#topmenu_logout{ a#topmenu_logout{
&:before {
background-image: url(../images/topmenu_items/logout.png);
padding-right: 20px;
content: "";
background-repeat: no-repeat; background-repeat: no-repeat;
.dimension_width_height_s; background-size:16px;
} padding-left: 20px;
background-image: url(../images/topmenu_items/logout.png);
} }
} // Ende ul } // Ende ul
} // Ende Items } // Ende Items
} // Ende Topmenu } // Ende Topmenu
} // Ende Header } // Ende Header
/* ################################################### /* ###################################################
@ -227,7 +189,6 @@
float: left; float: left;
position: fixed; position: fixed;
left: 194px; left: 194px;
} }
/*ICON List*/ /*ICON List*/
@ -256,7 +217,6 @@
margin-top: -36px; margin-top: -36px;
margin-left: 40px; margin-left: 40px;
cursor: pointer; cursor: pointer;
} }
#slidetoggle{ #slidetoggle{

80
pixelegg/mobile/fw_mobile.css
View File

@ -3673,6 +3673,7 @@ td.message span.message {
/*font-size: 1.1em;*/ /*font-size: 1.1em;*/
font-size: 12px; font-size: 12px;
line-height: 1.5em; line-height: 1.5em;
display: inline-block;
} }
#egw_fw_header #egw_fw_topmenu #egw_fw_topmenu_items ul li a:hover { #egw_fw_header #egw_fw_topmenu #egw_fw_topmenu_items ul li a:hover {
/*color: @gray_10;*/ /*color: @gray_10;*/
@ -3692,76 +3693,53 @@ td.message span.message {
} }
#egw_fw_header #egw_fw_topmenu #egw_fw_topmenu_items ul a#topmenu_home { #egw_fw_header #egw_fw_topmenu #egw_fw_topmenu_items ul a#topmenu_home {
margin-left: 0px; margin-left: 0px;
}
#egw_fw_header #egw_fw_topmenu #egw_fw_topmenu_items ul a#topmenu_home:before {
padding-right: 20px;
font-size: 12px;
content: " ";
background-image: url(../images/topmenu_items/home.png); background-image: url(../images/topmenu_items/home.png);
background-repeat: no-repeat; background-repeat: no-repeat;
background-size: 20px 20px; background-size: 16px;
width: 24px; padding-left: 20px;
height: 24px;
} }
#egw_fw_header #egw_fw_topmenu #egw_fw_topmenu_items ul a#topmenu_prefs { #egw_fw_header #egw_fw_topmenu #egw_fw_topmenu_items ul a#topmenu_prefs {
margin-left: 0px; margin-left: 0px;
} background-repeat: no-repeat;
#egw_fw_header #egw_fw_topmenu #egw_fw_topmenu_items ul a#topmenu_prefs:before { background-size: 16px;
padding-right: 20px; padding-left: 20px;
content: "";
background-image: url(../images/topmenu_items/setup.png); background-image: url(../images/topmenu_items/setup.png);
background-repeat: no-repeat;
/* background-size: 20px 20px;*/
width: 12px;
height: 12px;
} }
#egw_fw_header #egw_fw_topmenu #egw_fw_topmenu_items ul a#topmenu_acl:before { #egw_fw_header #egw_fw_topmenu #egw_fw_topmenu_items ul a#topmenu_acl {
padding-right: 20px;
content: "";
background-repeat: no-repeat; background-repeat: no-repeat;
width: 12px; background-size: 16px;
height: 12px; padding-left: 20px;
background-image: url(../images/topmenu_items/access.png); background-image: url(../images/topmenu_items/access.png);
} }
#egw_fw_header #egw_fw_topmenu #egw_fw_topmenu_items ul a#topmenu_cats:before { #egw_fw_header #egw_fw_topmenu #egw_fw_topmenu_items ul a#topmenu_cats {
background-repeat: no-repeat;
background-size: 16px;
padding-left: 20px;
background-image: url(../images/topmenu_items/category.png); background-image: url(../images/topmenu_items/category.png);
padding-right: 20px;
content: "";
background-repeat: no-repeat;
width: 12px;
height: 12px;
} }
#egw_fw_header #egw_fw_topmenu #egw_fw_topmenu_items ul a#topmenu_password:before { #egw_fw_header #egw_fw_topmenu #egw_fw_topmenu_items ul a#topmenu_password {
background-repeat: no-repeat;
background-size: 16px;
padding-left: 20px;
background-image: url(../images/topmenu_items/password.png); background-image: url(../images/topmenu_items/password.png);
padding-right: 20px;
content: "";
background-repeat: no-repeat;
width: 12px;
height: 12px;
} }
#egw_fw_header #egw_fw_topmenu #egw_fw_topmenu_items ul a#topmenu_manual:before { #egw_fw_header #egw_fw_topmenu #egw_fw_topmenu_items ul a#topmenu_manual {
background-repeat: no-repeat;
background-size: 16px;
padding-left: 20px;
background-image: url(../images/topmenu_items/help.png); background-image: url(../images/topmenu_items/help.png);
padding-right: 20px;
content: "";
background-repeat: no-repeat;
width: 12px;
height: 12px;
} }
#egw_fw_header #egw_fw_topmenu #egw_fw_topmenu_items ul a#topmenu_search:before { #egw_fw_header #egw_fw_topmenu #egw_fw_topmenu_items ul a#topmenu_search {
background-repeat: no-repeat;
background-size: 16px;
padding-left: 20px;
background-image: url(../images/topmenu_items/search.png); background-image: url(../images/topmenu_items/search.png);
padding-right: 20px;
content: "";
background-repeat: no-repeat;
width: 12px;
height: 12px;
} }
#egw_fw_header #egw_fw_topmenu #egw_fw_topmenu_items ul a#topmenu_logout:before { #egw_fw_header #egw_fw_topmenu #egw_fw_topmenu_items ul a#topmenu_logout {
background-image: url(../images/topmenu_items/logout.png);
padding-right: 20px;
content: "";
background-repeat: no-repeat; background-repeat: no-repeat;
width: 16px; background-size: 16px;
height: 16px; padding-left: 20px;
background-image: url(../images/topmenu_items/logout.png);
} }
/* ################################################### /* ###################################################
Slide Effekt Slide Effekt