Author: hnategh
New Revision: 55757
URL: http://svn.stylite.de/viewvc/egroupware?rev=55757&view=rev
Log:
Fix topmenu icons not fully shown. Additionally, some cleanup on layout raster
Modified:
trunk/pixelegg/css/mobile.css
trunk/pixelegg/css/pixelegg.css
trunk/pixelegg/less/layout_raster_header.less
trunk/pixelegg/mobile/fw_mobile.css
— trunk/pixelegg/css/mobile.css (original)
+++ trunk/pixelegg/css/mobile.css Fri Apr 15 15:50:26 2016
@@ -3662,6 +3662,7 @@
/font-size: 1.1em;/
font-size: 12px;
line-height: 1.5em;
- display: inline-block;
}
#egw_fw_header #egw_fw_topmenu #egw_fw_topmenu_items ul li a:hover {
/color: @gray_10;/
@@ -3681,76 +3682,53 @@
}
#egw_fw_header #egw_fw_topmenu #egw_fw_topmenu_items ul a#topmenu_home {
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-repeat: no-repeat;
- background-size: 20px 20px;
- width: 24px;
- height: 24px;
- background-size: 16px;
- padding-left: 20px;
}
#egw_fw_header #egw_fw_topmenu #egw_fw_topmenu_items ul a#topmenu_prefs {
margin-left: 0px;
-}
-#egw_fw_header #egw_fw_topmenu #egw_fw_topmenu_items ul a#topmenu_prefs:before {
- padding-right: 20px;
- content: “”;
- background-repeat: no-repeat;
- background-size: 16px;
- padding-left: 20px;
background-image: url(…/images/topmenu_items/setup.png);
+}
+#egw_fw_header #egw_fw_topmenu #egw_fw_topmenu_items ul a#topmenu_acl {
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 {
- padding-right: 20px;
- content: “”;
- background-size: 16px;
- padding-left: 20px;
- background-image: url(…/images/topmenu_items/access.png);
+}
+#egw_fw_header #egw_fw_topmenu #egw_fw_topmenu_items ul a#topmenu_cats {
background-repeat: no-repeat;
- width: 12px;
- height: 12px;
- background-image: url(…/images/topmenu_items/access.png);
-}
-#egw_fw_header #egw_fw_topmenu #egw_fw_topmenu_items ul a#topmenu_cats:before {
- background-size: 16px;
- padding-left: 20px;
background-image: url(…/images/topmenu_items/category.png);
- padding-right: 20px;
- content: “”;
+}
+#egw_fw_header #egw_fw_topmenu #egw_fw_topmenu_items ul a#topmenu_password {
background-repeat: no-repeat;
- width: 12px;
- height: 12px;
-}
-#egw_fw_header #egw_fw_topmenu #egw_fw_topmenu_items ul a#topmenu_password:before {
- background-size: 16px;
- padding-left: 20px;
background-image: url(…/images/topmenu_items/password.png);
- padding-right: 20px;
- content: “”;
+}
+#egw_fw_header #egw_fw_topmenu #egw_fw_topmenu_items ul a#topmenu_manual {
background-repeat: no-repeat;
- width: 12px;
- height: 12px;
-}
-#egw_fw_header #egw_fw_topmenu #egw_fw_topmenu_items ul a#topmenu_manual:before {
- background-size: 16px;
- padding-left: 20px;
background-image: url(…/images/topmenu_items/help.png);
- padding-right: 20px;
- content: “”;
+}
+#egw_fw_header #egw_fw_topmenu #egw_fw_topmenu_items ul a#topmenu_search {
background-repeat: no-repeat;
- width: 12px;
- height: 12px;
-}
-#egw_fw_header #egw_fw_topmenu #egw_fw_topmenu_items ul a#topmenu_search:before {
- background-size: 16px;
- padding-left: 20px;
background-image: url(…/images/topmenu_items/search.png);
- padding-right: 20px;
- content: “”;
+}
+#egw_fw_header #egw_fw_topmenu #egw_fw_topmenu_items ul a#topmenu_logout {
background-repeat: no-repeat;
- width: 12px;
- height: 12px;
-}
-#egw_fw_header #egw_fw_topmenu #egw_fw_topmenu_items ul a#topmenu_logout:before {
- background-size: 16px;
- padding-left: 20px;
background-image: url(…/images/topmenu_items/logout.png);
- padding-right: 20px;
- content: “”;
- background-repeat: no-repeat;
- width: 16px;
- height: 16px;
}
/* ###################################################
Slide Effekt
— trunk/pixelegg/css/pixelegg.css (original)
+++ trunk/pixelegg/css/pixelegg.css Fri Apr 15 15:50:26 2016
@@ -3651,6 +3651,7 @@
/font-size: 1.1em;/
font-size: 12px;
line-height: 1.5em;
- display: inline-block;
}
#egw_fw_header #egw_fw_topmenu #egw_fw_topmenu_items ul li a:hover {
/color: @gray_10;/
@@ -3670,76 +3671,53 @@
}
#egw_fw_header #egw_fw_topmenu #egw_fw_topmenu_items ul a#topmenu_home {
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-repeat: no-repeat;
- background-size: 20px 20px;
- width: 24px;
- height: 24px;
- background-size: 16px;
- padding-left: 20px;
}
#egw_fw_header #egw_fw_topmenu #egw_fw_topmenu_items ul a#topmenu_prefs {
margin-left: 0px;
-}
-#egw_fw_header #egw_fw_topmenu #egw_fw_topmenu_items ul a#topmenu_prefs:before {
- padding-right: 20px;
- content: “”;
- background-repeat: no-repeat;
- background-size: 16px;
- padding-left: 20px;
background-image: url(…/images/topmenu_items/setup.png);
+}
+#egw_fw_header #egw_fw_topmenu #egw_fw_topmenu_items ul a#topmenu_acl {
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 {
- padding-right: 20px;
- content: “”;
- background-size: 16px;
- padding-left: 20px;
- background-image: url(…/images/topmenu_items/access.png);
+}
+#egw_fw_header #egw_fw_topmenu #egw_fw_topmenu_items ul a#topmenu_cats {
background-repeat: no-repeat;
- width: 12px;
- height: 12px;
- background-image: url(…/images/topmenu_items/access.png);
-}
-#egw_fw_header #egw_fw_topmenu #egw_fw_topmenu_items ul a#topmenu_cats:before {
- background-size: 16px;
- padding-left: 20px;
background-image: url(…/images/topmenu_items/category.png);
- padding-right: 20px;
- content: “”;
+}
+#egw_fw_header #egw_fw_topmenu #egw_fw_topmenu_items ul a#topmenu_password {
background-repeat: no-repeat;
- width: 12px;
- height: 12px;
-}
-#egw_fw_header #egw_fw_topmenu #egw_fw_topmenu_items ul a#topmenu_password:before {
- background-size: 16px;
- padding-left: 20px;
background-image: url(…/images/topmenu_items/password.png);
- padding-right: 20px;
- content: “”;
+}
+#egw_fw_header #egw_fw_topmenu #egw_fw_topmenu_items ul a#topmenu_manual {
background-repeat: no-repeat;
- width: 12px;
- height: 12px;
-}
-#egw_fw_header #egw_fw_topmenu #egw_fw_topmenu_items ul a#topmenu_manual:before {
- background-size: 16px;
- padding-left: 20px;
background-image: url(…/images/topmenu_items/help.png);
- padding-right: 20px;
- content: “”;
+}
+#egw_fw_header #egw_fw_topmenu #egw_fw_topmenu_items ul a#topmenu_search {
background-repeat: no-repeat;
- width: 12px;
- height: 12px;
-}
-#egw_fw_header #egw_fw_topmenu #egw_fw_topmenu_items ul a#topmenu_search:before {
- background-size: 16px;
- padding-left: 20px;
background-image: url(…/images/topmenu_items/search.png);
- padding-right: 20px;
- content: “”;
+}
+#egw_fw_header #egw_fw_topmenu #egw_fw_topmenu_items ul a#topmenu_logout {
background-repeat: no-repeat;
- width: 12px;
- height: 12px;
-}
-#egw_fw_header #egw_fw_topmenu #egw_fw_topmenu_items ul a#topmenu_logout:before {
- background-size: 16px;
- padding-left: 20px;
background-image: url(…/images/topmenu_items/logout.png);
- padding-right: 20px;
- content: “”;
- background-repeat: no-repeat;
- width: 16px;
- height: 16px;
}
/* ###################################################
Slide Effekt
— trunk/pixelegg/less/layout_raster_header.less (original)
+++ trunk/pixelegg/less/layout_raster_header.less Fri Apr 15 15:50:26 2016
@@ -20,32 +20,32 @@
// Header
-#egw_fw_header{
+#egw_fw_header {
+
/* ###########################################################################################################################################
@@ -53,166 +53,128 @@
###########################################################################################################################################
*/
-
#egw_fw_topmenu ul,
-
#egw_fw_topmenu > * > ul > li,
- .topmenu_info_item,
-
#egw_fw_topmenu_items,
-
#egw_fw_topmenu_info_items {
-
display: inline;
- }
-
-
#egw_fw_topmenu{
-
-
-
-
#egw_fw_topmenu_items {
-
float: left;
-
padding-top: 14px;
-
width: 70%;
-
-
ul {
-
margin: 5px 2px;
-
-
li{
-
color: @gray_0;
-
/*.Button_size_square_32;*/
-
padding: 8px 10px;
-
/*.Complete_Button_normal;*/
-
/*background-color: @gray_10;*/
-
-
-
&:hover{.Complete_Button_hover; color: @gray_0;}
-
&:active {.Complete_Button_active;}
-
.transition (0.2s, ease-out);
-
-
a {
-
color: @gray_100;
-
text-decoration: none;
-
.dimension_height_l;
-
/*font-size: 1.1em;*/
-
.fontsize_l;
-
line-height: 1.5em;
-
-
-
&:hover {
-
/*color: @gray_10;*/
-
border-color: @gray_50;
-
text-decoration: none !important;
-
}
-
-
&:before {
-
/*.img_filter_gray;*/
-
/*-webkit-filter: grayscale(100%) brightness(100%) contrast(100%);*/
-
/*-webkit-filter: invert(100%);*/
-
}
-
}
-
-
}
-
-
/*Home*/
-
li:first-child{
-
margin-left: 10px;
-
:before{border: none;}
-
}
-
-
/*home*/
-
a#topmenu_home {
-
margin-left: 0px;
-
&:before {
-
padding-right: 20px;
-
.fontsize_l;
-
content: " ";
-
background-image: url(../images/topmenu_items/home.png);
-
background-repeat: no-repeat;
-
background-size: 20px 20px;
-
.dimension_width_height_m;
-
}
-
-
}
-
-
-
/*Setup / Einstellungen*/
-
a#topmenu_prefs{
-
margin-left: 0px;
-
&:before {
-
padding-right: 20px;
-
content: "";
-
background-image: url(../images/topmenu_items/setup.png);
-
background-repeat: no-repeat;
-/* background-size: 20px 20px;*/
-
.dimension_width_height_xs;
-
}
-
}
-
-
/*access / Zugriff */
-
a#topmenu_acl{
-
&:before {
-
padding-right: 20px;
-
content: "";
-
background-repeat: no-repeat;
-
.dimension_width_height_xs;
-
background-image: url(../images/topmenu_items/access.png);
-
}
-
}
-
/*category*/
-
a#topmenu_cats{
-
&:before {
-
background-image: url(../images/topmenu_items/category.png);
-
padding-right: 20px;
-
content: "";
-
background-repeat: no-repeat;
-
.dimension_width_height_xs;
-
}
-
}
-
/*password*/
-
a#topmenu_password{
-
&:before {
-
background-image: url(../images/topmenu_items/password.png);
-
padding-right: 20px;
-
content: "";
-
background-repeat: no-repeat;
-
.dimension_width_height_xs;
-
}
-
}
-
/*help*/
-
a#topmenu_manual{
-
&:before {
-
background-image: url(../images/topmenu_items/help.png);
-
padding-right: 20px;
-
content: "";
-
background-repeat: no-repeat;
-
.dimension_width_height_xs;
-
}
-
}
-
/*Search*/
-
a#topmenu_search{
-
&:before {
-
background-image: url(../images/topmenu_items/search.png);
-
padding-right: 20px;
-
content: "";
-
background-repeat: no-repeat;
-
.dimension_width_height_xs;
-
}
-
}
-
/*logout*/
-
a#topmenu_logout{
-
&:before {
-
background-image: url(../images/topmenu_items/logout.png);
-
padding-right: 20px;
-
content: "";
-
background-repeat: no-repeat;
-
.dimension_width_height_s;
-
}
-
}
-
} // Ende ul
-
-
-
} // Ende Items
-
-
- } // Ende Topmenu
-
-
-
#egw_fw_topmenu ul,
-
#egw_fw_topmenu > * > ul > li,
- .topmenu_info_item,
-
#egw_fw_topmenu_items,
-
#egw_fw_topmenu_info_items {
-
display: inline;
- }
-
-
#egw_fw_topmenu{
-
#egw_fw_topmenu_items {
-
float: left;
-
padding-top: 14px;
-
width: 70%;
-
-
ul {
-
margin: 5px 2px;
-
-
li{
-
color: @gray_0;
-
/*.Button_size_square_32;*/
-
padding: 8px 10px;
-
/*.Complete_Button_normal;*/
-
/*background-color: @gray_10;*/
-
-
-
&:hover{.Complete_Button_hover; color: @gray_0;}
-
&:active {.Complete_Button_active;}
-
.transition (0.2s, ease-out);
-
-
a {
-
color: @gray_100;
-
text-decoration: none;
-
.dimension_height_l;
-
/*font-size: 1.1em;*/
-
.fontsize_l;
-
line-height: 1.5em;
-
display:inline-block;
-
-
&:hover {
-
/*color: @gray_10;*/
-
border-color: @gray_50;
-
text-decoration: none !important;
-
}
-
-
&:before {
-
/*.img_filter_gray;*/
-
/*-webkit-filter: grayscale(100%) brightness(100%) contrast(100%);*/
-
/*-webkit-filter: invert(100%);*/
-
}
-
}
-
}
-
-
/*Home*/
-
li:first-child{
-
margin-left: 10px;
-
:before{border: none;}
-
}
-
-
/*home*/
-
a#topmenu_home {
-
margin-left: 0px;
-
background-image: url(../images/topmenu_items/home.png);
-
background-repeat: no-repeat;
-
background-size:16px;
-
padding-left: 20px;
-
}
-
-
-
/*Setup / Einstellungen*/
-
a#topmenu_prefs{
-
margin-left: 0px;
-
background-repeat: no-repeat;
-
background-size:16px;
-
padding-left: 20px;
-
background-image: url(../images/topmenu_items/setup.png);
-
}
-
-
/*access / Zugriff */
-
a#topmenu_acl{
-
background-repeat: no-repeat;
-
background-size:16px;
-
padding-left: 20px;
-
background-image: url(../images/topmenu_items/access.png);
-
}
-
/*category*/
-
a#topmenu_cats{
-
background-repeat: no-repeat;
-
background-size:16px;
-
padding-left: 20px;
-
background-image: url(../images/topmenu_items/category.png);
-
}
-
/*password*/
-
a#topmenu_password{
-
background-repeat: no-repeat;
-
background-size:16px;
-
padding-left: 20px;
-
background-image: url(../images/topmenu_items/password.png);
-
}
-
/*help*/
-
a#topmenu_manual{
-
background-repeat: no-repeat;
-
background-size:16px;
-
padding-left: 20px;
-
background-image: url(../images/topmenu_items/help.png);
-
}
-
/*Search*/
-
a#topmenu_search{
-
background-repeat: no-repeat;
-
background-size:16px;
-
padding-left: 20px;
-
background-image: url(../images/topmenu_items/search.png);
-
}
-
/*logout*/
-
a#topmenu_logout{
-
background-repeat: no-repeat;
-
background-size:16px;
-
padding-left: 20px;
-
background-image: url(../images/topmenu_items/logout.png);
-
}
-
} // Ende ul
-
} // Ende Items
- } // Ende Topmenu
} // Ende Header
/* ###################################################
@@ -221,46 +183,44 @@
#egw_fw_topmenu_slide{
- width: auto;
- text-align: center;
- height: 15px;
- float: left;
- position: fixed;
- left: 194px;
-
- width: auto;
- text-align: center;
- height: 15px;
- float: left;
- position: fixed;
- left: 194px;
}
/ICON List/
#egw_fw_topmenu_slide.slidedown{
- background-image: url("…/images/list.png");
- background-position: center center;
- height: 15px;
- width: 15px;
- display: block;
- margin-left: 5px;
- margin-top: 10px;
- background-size: 15px 15px;
- float: left;
- position: relative;
- left: -5px;
- cursor: pointer;
- background-image: url("…/images/list.png");
- background-position: center center;
- height: 15px;
- width: 15px;
- display: block;
- margin-left: 5px;
- margin-top: 10px;
- background-size: 15px 15px;
- float: left;
- position: relative;
- left: -5px;
- cursor: pointer;
}
/Icon ARROW UP/
#egw_fw_topmenu_slide.slideup{
- background-image: url("…/images/slideup.png");
- background-position: center center;
- height: 15px;
- width: 15px;
- display: block;
- margin-top: -36px;
- margin-left: 40px;
- cursor: pointer;
-
- background-image: url("…/images/slideup.png");
- background-position: center center;
- height: 15px;
- width: 15px;
- display: block;
- margin-top: -36px;
- margin-left: 40px;
- cursor: pointer;
}
#slidetoggle{
- width: 20px;
- height: 20px;
- display: block;
- width: 20px;
- height: 20px;
- display: block;
}
— trunk/pixelegg/mobile/fw_mobile.css (original)
+++ trunk/pixelegg/mobile/fw_mobile.css Fri Apr 15 15:50:26 2016
@@ -3673,6 +3673,7 @@
/font-size: 1.1em;/
font-size: 12px;
line-height: 1.5em;
- display: inline-block;
}
#egw_fw_header #egw_fw_topmenu #egw_fw_topmenu_items ul li a:hover {
/color: @gray_10;/
@@ -3692,76 +3693,53 @@
}
#egw_fw_header #egw_fw_topmenu #egw_fw_topmenu_items ul a#topmenu_home {
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-repeat: no-repeat;
- background-size: 20px 20px;
- width: 24px;
- height: 24px;
- background-size: 16px;
- padding-left: 20px;
}
#egw_fw_header #egw_fw_topmenu #egw_fw_topmenu_items ul a#topmenu_prefs {
margin-left: 0px;
-}
-#egw_fw_header #egw_fw_topmenu #egw_fw_topmenu_items ul a#topmenu_prefs:before {
- padding-right: 20px;
- content: “”;
- background-repeat: no-repeat;
- background-size: 16px;
- padding-left: 20px;
background-image: url(…/images/topmenu_items/setup.png);
+}
+#egw_fw_header #egw_fw_topmenu #egw_fw_topmenu_items ul a#topmenu_acl {
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 {
- padding-right: 20px;
- content: “”;
- background-size: 16px;
- padding-left: 20px;
- background-image: url(…/images/topmenu_items/access.png);
+}
+#egw_fw_header #egw_fw_topmenu #egw_fw_topmenu_items ul a#topmenu_cats {
background-repeat: no-repeat;
- width: 12px;
- height: 12px;
- background-image: url(…/images/topmenu_items/access.png);
-}
-#egw_fw_header #egw_fw_topmenu #egw_fw_topmenu_items ul a#topmenu_cats:before {
- background-size: 16px;
- padding-left: 20px;
background-image: url(…/images/topmenu_items/category.png);
- padding-right: 20px;
- content: “”;
+}
+#egw_fw_header #egw_fw_topmenu #egw_fw_topmenu_items ul a#topmenu_password {
background-repeat: no-repeat;
- width: 12px;
- height: 12px;
-}
-#egw_fw_header #egw_fw_topmenu #egw_fw_topmenu_items ul a#topmenu_password:before {
- background-size: 16px;
- padding-left: 20px;
background-image: url(…/images/topmenu_items/password.png);
- padding-right: 20px;
- content: “”;
+}
+#egw_fw_header #egw_fw_topmenu #egw_fw_topmenu_items ul a#topmenu_manual {
background-repeat: no-repeat;
- width: 12px;
- height: 12px;
-}
-#egw_fw_header #egw_fw_topmenu #egw_fw_topmenu_items ul a#topmenu_manual:before {
- background-size: 16px;
- padding-left: 20px;
background-image: url(…/images/topmenu_items/help.png);
- padding-right: 20px;
- content: “”;
+}
+#egw_fw_header #egw_fw_topmenu #egw_fw_topmenu_items ul a#topmenu_search {
background-repeat: no-repeat;
- width: 12px;
- height: 12px;
-}
-#egw_fw_header #egw_fw_topmenu #egw_fw_topmenu_items ul a#topmenu_search:before {
- background-size: 16px;
- padding-left: 20px;
background-image: url(…/images/topmenu_items/search.png);
- padding-right: 20px;
- content: “”;
+}
+#egw_fw_header #egw_fw_topmenu #egw_fw_topmenu_items ul a#topmenu_logout {
background-repeat: no-repeat;
- width: 12px;
- height: 12px;
-}
-#egw_fw_header #egw_fw_topmenu #egw_fw_topmenu_items ul a#topmenu_logout:before {
- background-size: 16px;
- padding-left: 20px;
background-image: url(…/images/topmenu_items/logout.png);
- padding-right: 20px;
- content: “”;
- background-repeat: no-repeat;
- width: 16px;
- height: 16px;
}
/* ###################################################
Slide Effekt
Find and fix application performance issues faster with Applications Manager
Applications Manager provides deep performance insights into multiple tiers of
your business applications. It resolves application problems quickly and
reduces your MTTR. Get your free trial!
https://ad.doubleclick.net/ddm/clk/302982198;130105516;z
eGroupWare-cvs mailing list
eGroupWare-cvs@lists.sourceforge.net
https://lists.sourceforge.net/lists/listinfo/egroupware-cvs