extern/egroupware
1
0
Fork 1
mirror of https://github.com/EGroupware/egroupware.git synced 2025-06-27 05:11:41 +02:00
Code Issues Packages Projects Releases Wiki Activity

Fix favorites styles inside sidebar menu

Browse Source
This commit is contained in:
Hadi Nategh 2019-04-09 11:02:02 +02:00
parent f5882ddd8d
commit f720ffdf1d
7 changed files with 128 additions and 161 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

32
pixelegg/css/mobile.css
View File

@ -750,25 +750,26 @@
min-height: 16px; min-height: 16px;
padding: 3px 0px; padding: 3px 0px;
margin-bottom: 0.2em; margin-bottom: 0.2em;
background-color: #ece2f7; }
.sidebox-favorites ul.favorites li.ui-menu-item a {
color: #000000;
} }
.sidebox-favorites ul.favorites li.ui-menu-item:hover { .sidebox-favorites ul.favorites li.ui-menu-item:hover {
color: #000000; color: #000000;
background-color: #9B6AD6; background-color: rgba(153, 204, 255, 0.4);
padding: 3px 0; padding: 3px 0;
} }
.sidebox-favorites ul.favorites li.ui-menu-item:hover a { .sidebox-favorites ul.favorites li.ui-menu-item:hover a {
color: #FFFFFF; color: #000000;
} }
.sidebox-favorites ul.favorites li.ui-menu-item:first-of-type { .sidebox-favorites ul.favorites li.ui-menu-item:hover a .ui-icon-trash {
background-color: #FFFFFF; background-image: url(../images/delete.svg);
background-size: 12px 12px;
background-position: center 4px;
} }
.sidebox-favorites ul.favorites li.ui-menu-item:first-of-type a { .sidebox-favorites ul.favorites li.ui-menu-item:first-of-type a {
color: #000000; color: #000000;
} }
.sidebox-favorites ul.favorites li.ui-menu-item:last-of-type {
background-color: #FFFFFF;
}
.sidebox-favorites ul.favorites li.ui-menu-item:last-of-type a { .sidebox-favorites ul.favorites li.ui-menu-item:last-of-type a {
color: #000000; color: #000000;
} }
@ -777,7 +778,7 @@
padding: 2px 0px; padding: 2px 0px;
} }
.sidebox-favorites ul.favorites li.ui-menu-item a div.ui-icon-heart { .sidebox-favorites ul.favorites li.ui-menu-item a div.ui-icon-heart {
background-image: url(../images/personal.png); background-image: url(../images/favorites.svg);
background-size: 12px 12px; background-size: 12px 12px;
background-position: 0 0; background-position: 0 0;
margin-right: 9px; margin-right: 9px;
@ -801,26 +802,23 @@
margin-top: -3px; margin-top: -3px;
} }
.sidebox-favorites ul.favorites li.ui-menu-item [data-id="blank"] div.ui-icon-heart { .sidebox-favorites ul.favorites li.ui-menu-item [data-id="blank"] div.ui-icon-heart {
background-image: url(../images/trash.png); background-image: url(../images/delete.svg);
background-size: 12px 12px; background-size: 12px 12px;
background-position: 0 0; background-position: 0 0;
} }
.sidebox-favorites ul.favorites li.ui-menu-item.ui-state-highlight { .sidebox-favorites ul.favorites li.ui-menu-item.ui-state-highlight {
color: #000000; color: #000000;
background: #9B6AD6; background: rgba(102, 153, 204, 0.7);
padding: 3px 0; padding: 3px 0;
border: none; border: none;
} }
.sidebox-favorites ul.favorites li.ui-menu-item.ui-state-highlight a {
color: #FFFFFF;
}
.sidebox-favorites ul.favorites li:first-child a div.ui-icon-heart { .sidebox-favorites ul.favorites li:first-child a div.ui-icon-heart {
background-image: url(../images/trash.png); background-image: url(../images/delete.svg);
background-size: 12px 12px; background-size: 12px 12px;
background-position: 0 0; background-position: 0 0;
} }
.sidebox-favorites ul.favorites li:first-child a div.sideboxstar { .sidebox-favorites ul.favorites li:first-child a div.sideboxstar {
background-image: url(../images/trash.png); background-image: url(../images/delete.svg);
background-size: 12px 12px; background-size: 12px 12px;
background-position: 0 0; background-position: 0 0;
} }
@ -4800,8 +4798,6 @@ td.message span.message {
text-decoration: none; text-decoration: none;
min-width: 5em; min-width: 5em;
vertical-align: bottom; vertical-align: bottom;
}
.egw_fw_ui_sidemenu_listitem a:hover {
color: #000000; color: #000000;
} }
.egw_fw_ui_sidemenu_listitem a:active { .egw_fw_ui_sidemenu_listitem a:active {

32
pixelegg/css/monochrome.css
View File

@ -739,25 +739,26 @@
min-height: 16px; min-height: 16px;
padding: 3px 0px; padding: 3px 0px;
margin-bottom: 0.2em; margin-bottom: 0.2em;
background-color: #ece2f7; }
.sidebox-favorites ul.favorites li.ui-menu-item a {
color: #000000;
} }
.sidebox-favorites ul.favorites li.ui-menu-item:hover { .sidebox-favorites ul.favorites li.ui-menu-item:hover {
color: #000000; color: #000000;
background-color: #9B6AD6; background-color: rgba(153, 204, 255, 0.4);
padding: 3px 0; padding: 3px 0;
} }
.sidebox-favorites ul.favorites li.ui-menu-item:hover a { .sidebox-favorites ul.favorites li.ui-menu-item:hover a {
color: #FFFFFF; color: #000000;
} }
.sidebox-favorites ul.favorites li.ui-menu-item:first-of-type { .sidebox-favorites ul.favorites li.ui-menu-item:hover a .ui-icon-trash {
background-color: #FFFFFF; background-image: url(../images/delete.svg);
background-size: 12px 12px;
background-position: center 4px;
} }
.sidebox-favorites ul.favorites li.ui-menu-item:first-of-type a { .sidebox-favorites ul.favorites li.ui-menu-item:first-of-type a {
color: #000000; color: #000000;
} }
.sidebox-favorites ul.favorites li.ui-menu-item:last-of-type {
background-color: #FFFFFF;
}
.sidebox-favorites ul.favorites li.ui-menu-item:last-of-type a { .sidebox-favorites ul.favorites li.ui-menu-item:last-of-type a {
color: #000000; color: #000000;
} }
@ -766,7 +767,7 @@
padding: 2px 0px; padding: 2px 0px;
} }
.sidebox-favorites ul.favorites li.ui-menu-item a div.ui-icon-heart { .sidebox-favorites ul.favorites li.ui-menu-item a div.ui-icon-heart {
background-image: url(../images/personal.png); background-image: url(../images/favorites.svg);
background-size: 12px 12px; background-size: 12px 12px;
background-position: 0 0; background-position: 0 0;
margin-right: 9px; margin-right: 9px;
@ -790,26 +791,23 @@
margin-top: -3px; margin-top: -3px;
} }
.sidebox-favorites ul.favorites li.ui-menu-item [data-id="blank"] div.ui-icon-heart { .sidebox-favorites ul.favorites li.ui-menu-item [data-id="blank"] div.ui-icon-heart {
background-image: url(../images/trash.png); background-image: url(../images/delete.svg);
background-size: 12px 12px; background-size: 12px 12px;
background-position: 0 0; background-position: 0 0;
} }
.sidebox-favorites ul.favorites li.ui-menu-item.ui-state-highlight { .sidebox-favorites ul.favorites li.ui-menu-item.ui-state-highlight {
color: #000000; color: #000000;
background: #9B6AD6; background: rgba(102, 153, 204, 0.7);
padding: 3px 0; padding: 3px 0;
border: none; border: none;
} }
.sidebox-favorites ul.favorites li.ui-menu-item.ui-state-highlight a {
color: #FFFFFF;
}
.sidebox-favorites ul.favorites li:first-child a div.ui-icon-heart { .sidebox-favorites ul.favorites li:first-child a div.ui-icon-heart {
background-image: url(../images/trash.png); background-image: url(../images/delete.svg);
background-size: 12px 12px; background-size: 12px 12px;
background-position: 0 0; background-position: 0 0;
} }
.sidebox-favorites ul.favorites li:first-child a div.sideboxstar { .sidebox-favorites ul.favorites li:first-child a div.sideboxstar {
background-image: url(../images/trash.png); background-image: url(../images/delete.svg);
background-size: 12px 12px; background-size: 12px 12px;
background-position: 0 0; background-position: 0 0;
} }
@ -4789,8 +4787,6 @@ td.message span.message {
text-decoration: none; text-decoration: none;
min-width: 5em; min-width: 5em;
vertical-align: bottom; vertical-align: bottom;
}
.egw_fw_ui_sidemenu_listitem a:hover {
color: #000000; color: #000000;
} }
.egw_fw_ui_sidemenu_listitem a:active { .egw_fw_ui_sidemenu_listitem a:active {

32
pixelegg/css/pixelegg.css
View File

@ -750,25 +750,26 @@
min-height: 16px; min-height: 16px;
padding: 3px 0px; padding: 3px 0px;
margin-bottom: 0.2em; margin-bottom: 0.2em;
background-color: #ece2f7; }
.sidebox-favorites ul.favorites li.ui-menu-item a {
color: #000000;
} }
.sidebox-favorites ul.favorites li.ui-menu-item:hover { .sidebox-favorites ul.favorites li.ui-menu-item:hover {
color: #000000; color: #000000;
background-color: #9B6AD6; background-color: rgba(153, 204, 255, 0.4);
padding: 3px 0; padding: 3px 0;
} }
.sidebox-favorites ul.favorites li.ui-menu-item:hover a { .sidebox-favorites ul.favorites li.ui-menu-item:hover a {
color: #FFFFFF; color: #000000;
} }
.sidebox-favorites ul.favorites li.ui-menu-item:first-of-type { .sidebox-favorites ul.favorites li.ui-menu-item:hover a .ui-icon-trash {
background-color: #FFFFFF; background-image: url(../images/delete.svg);
background-size: 12px 12px;
background-position: center 4px;
} }
.sidebox-favorites ul.favorites li.ui-menu-item:first-of-type a { .sidebox-favorites ul.favorites li.ui-menu-item:first-of-type a {
color: #000000; color: #000000;
} }
.sidebox-favorites ul.favorites li.ui-menu-item:last-of-type {
background-color: #FFFFFF;
}
.sidebox-favorites ul.favorites li.ui-menu-item:last-of-type a { .sidebox-favorites ul.favorites li.ui-menu-item:last-of-type a {
color: #000000; color: #000000;
} }
@ -777,7 +778,7 @@
padding: 2px 0px; padding: 2px 0px;
} }
.sidebox-favorites ul.favorites li.ui-menu-item a div.ui-icon-heart { .sidebox-favorites ul.favorites li.ui-menu-item a div.ui-icon-heart {
background-image: url(../images/personal.png); background-image: url(../images/favorites.svg);
background-size: 12px 12px; background-size: 12px 12px;
background-position: 0 0; background-position: 0 0;
margin-right: 9px; margin-right: 9px;
@ -801,26 +802,23 @@
margin-top: -3px; margin-top: -3px;
} }
.sidebox-favorites ul.favorites li.ui-menu-item [data-id="blank"] div.ui-icon-heart { .sidebox-favorites ul.favorites li.ui-menu-item [data-id="blank"] div.ui-icon-heart {
background-image: url(../images/trash.png); background-image: url(../images/delete.svg);
background-size: 12px 12px; background-size: 12px 12px;
background-position: 0 0; background-position: 0 0;
} }
.sidebox-favorites ul.favorites li.ui-menu-item.ui-state-highlight { .sidebox-favorites ul.favorites li.ui-menu-item.ui-state-highlight {
color: #000000; color: #000000;
background: #9B6AD6; background: rgba(102, 153, 204, 0.7);
padding: 3px 0; padding: 3px 0;
border: none; border: none;
} }
.sidebox-favorites ul.favorites li.ui-menu-item.ui-state-highlight a {
color: #FFFFFF;
}
.sidebox-favorites ul.favorites li:first-child a div.ui-icon-heart { .sidebox-favorites ul.favorites li:first-child a div.ui-icon-heart {
background-image: url(../images/trash.png); background-image: url(../images/delete.svg);
background-size: 12px 12px; background-size: 12px 12px;
background-position: 0 0; background-position: 0 0;
} }
.sidebox-favorites ul.favorites li:first-child a div.sideboxstar { .sidebox-favorites ul.favorites li:first-child a div.sideboxstar {
background-image: url(../images/trash.png); background-image: url(../images/delete.svg);
background-size: 12px 12px; background-size: 12px 12px;
background-position: 0 0; background-position: 0 0;
} }
@ -4800,8 +4798,6 @@ td.message span.message {
text-decoration: none; text-decoration: none;
min-width: 5em; min-width: 5em;
vertical-align: bottom; vertical-align: bottom;
}
.egw_fw_ui_sidemenu_listitem a:hover {
color: #000000; color: #000000;
} }
.egw_fw_ui_sidemenu_listitem a:active { .egw_fw_ui_sidemenu_listitem a:active {

48
pixelegg/less/etemplate2.less
View File

@ -709,40 +709,36 @@ div.header_row_right{
min-height: 16px; min-height: 16px;
padding: 3px 0px; padding: 3px 0px;
margin-bottom: 0.2em; margin-bottom: 0.2em;
background-color: lighten(@egw_color_3_e, 30%); a {color:@gray_100;}
// lila
&:hover { &:hover {
.color_100_gray; .color_100_gray;
background-color: @egw_color_3_e; background-color: @color_hover_row;
padding: 3px 0; padding: 3px 0;
a {
a{color: @gray_0;} color: @gray_100;
.ui-icon-trash {
background-image: url(../images/delete.svg);
background-size: 12px 12px;
background-position: center 4px;
}
}
} }
// delete favourites // delete favourites
&:first-of-type {background-color: @gray_0; &:first-of-type {
a {color: @gray_100;} a {color: @gray_100;}
} }
// view as favourites // view as favourites
&:last-of-type {background-color: @gray_0; &:last-of-type {
a {color: @gray_100;} a {color: @gray_100;}
} }
a { a {
line-height: inherit; line-height: inherit;
padding: 2px 0px; padding: 2px 0px;
// Heart // Heart
div.ui-icon-heart {background-image: url(../images/personal.png); background-size: 12px 12px;background-position: 0 0;margin-right:9px;margin-left:2px;} div.ui-icon-heart {background-image: url(../images/favorites.svg); background-size: 12px 12px;background-position: 0 0;margin-right:9px;margin-left:2px;}
// Bulltpoints // Bulltpoints
div.sideboxstar { div.sideboxstar {
width: 4px; width: 4px;
@ -756,35 +752,25 @@ div.header_row_right{
} }
} }
// Aktuelle Ansicht als Favorit // Aktuelle Ansicht als Favorit
img {.dimension_width_height_xs; margin-left: 5px;margin-right:10px;margin-top:-3px;} img {.dimension_width_height_xs; margin-left: 5px;margin-right:10px;margin-top:-3px;}
// Filter aufheben // Filter aufheben
[data-id="blank"] { [data-id="blank"] {
div.ui-icon-heart {background-image: url(../images/delete.svg); background-size: 12px 12px;background-position: 0 0;}
div.ui-icon-heart {background-image: url(../images/trash.png); background-size: 12px 12px;background-position: 0 0;}
} }
} // Ende li } // Ende li
li.ui-menu-item.ui-state-highlight { li.ui-menu-item.ui-state-highlight {
.color_100_gray; .color_100_gray;
background: @egw_color_3_e; background: @color_selected_row;
padding: 3px 0; padding: 3px 0;
border: none; border: none;
a{color: @gray_0;}
} }
// Filter aufheben // Filter aufheben
li:first-child { li:first-child {
a div.ui-icon-heart {background-image: url(../images/trash.png); background-size: 12px 12px;background-position: 0 0;} a div.ui-icon-heart {background-image: url(../images/delete.svg); background-size: 12px 12px;background-position: 0 0;}
a div.sideboxstar {background-image: url(../images/trash.png); background-size: 12px 12px;background-position: 0 0;} a div.sideboxstar {background-image: url(../images/delete.svg); background-size: 12px 12px;background-position: 0 0;}
} }
} }
} // sidebox-favorites } // sidebox-favorites

3
pixelegg/less/layout_raster_sidebar.less
View File

@ -592,10 +592,7 @@
text-decoration: none; text-decoration: none;
min-width: 5em; min-width: 5em;
vertical-align: bottom; vertical-align: bottom;
&:hover{
.color_100_gray; .color_100_gray;
}
&:active { &:active {
.box_shadow_standard_light_inset; .box_shadow_standard_light_inset;

32
pixelegg/mobile/fw_mobile.css
View File

@ -761,25 +761,26 @@
min-height: 16px; min-height: 16px;
padding: 3px 0px; padding: 3px 0px;
margin-bottom: 0.2em; margin-bottom: 0.2em;
background-color: #ece2f7; }
.sidebox-favorites ul.favorites li.ui-menu-item a {
color: #000000;
} }
.sidebox-favorites ul.favorites li.ui-menu-item:hover { .sidebox-favorites ul.favorites li.ui-menu-item:hover {
color: #000000; color: #000000;
background-color: #9B6AD6; background-color: rgba(153, 204, 255, 0.4);
padding: 3px 0; padding: 3px 0;
} }
.sidebox-favorites ul.favorites li.ui-menu-item:hover a { .sidebox-favorites ul.favorites li.ui-menu-item:hover a {
color: #FFFFFF; color: #000000;
} }
.sidebox-favorites ul.favorites li.ui-menu-item:first-of-type { .sidebox-favorites ul.favorites li.ui-menu-item:hover a .ui-icon-trash {
background-color: #FFFFFF; background-image: url(../images/delete.svg);
background-size: 12px 12px;
background-position: center 4px;
} }
.sidebox-favorites ul.favorites li.ui-menu-item:first-of-type a { .sidebox-favorites ul.favorites li.ui-menu-item:first-of-type a {
color: #000000; color: #000000;
} }
.sidebox-favorites ul.favorites li.ui-menu-item:last-of-type {
background-color: #FFFFFF;
}
.sidebox-favorites ul.favorites li.ui-menu-item:last-of-type a { .sidebox-favorites ul.favorites li.ui-menu-item:last-of-type a {
color: #000000; color: #000000;
} }
@ -788,7 +789,7 @@
padding: 2px 0px; padding: 2px 0px;
} }
.sidebox-favorites ul.favorites li.ui-menu-item a div.ui-icon-heart { .sidebox-favorites ul.favorites li.ui-menu-item a div.ui-icon-heart {
background-image: url(../images/personal.png); background-image: url(../images/favorites.svg);
background-size: 12px 12px; background-size: 12px 12px;
background-position: 0 0; background-position: 0 0;
margin-right: 9px; margin-right: 9px;
@ -812,26 +813,23 @@
margin-top: -3px; margin-top: -3px;
} }
.sidebox-favorites ul.favorites li.ui-menu-item [data-id="blank"] div.ui-icon-heart { .sidebox-favorites ul.favorites li.ui-menu-item [data-id="blank"] div.ui-icon-heart {
background-image: url(../images/trash.png); background-image: url(../images/delete.svg);
background-size: 12px 12px; background-size: 12px 12px;
background-position: 0 0; background-position: 0 0;
} }
.sidebox-favorites ul.favorites li.ui-menu-item.ui-state-highlight { .sidebox-favorites ul.favorites li.ui-menu-item.ui-state-highlight {
color: #000000; color: #000000;
background: #9B6AD6; background: rgba(102, 153, 204, 0.7);
padding: 3px 0; padding: 3px 0;
border: none; border: none;
} }
.sidebox-favorites ul.favorites li.ui-menu-item.ui-state-highlight a {
color: #FFFFFF;
}
.sidebox-favorites ul.favorites li:first-child a div.ui-icon-heart { .sidebox-favorites ul.favorites li:first-child a div.ui-icon-heart {
background-image: url(../images/trash.png); background-image: url(../images/delete.svg);
background-size: 12px 12px; background-size: 12px 12px;
background-position: 0 0; background-position: 0 0;
} }
.sidebox-favorites ul.favorites li:first-child a div.sideboxstar { .sidebox-favorites ul.favorites li:first-child a div.sideboxstar {
background-image: url(../images/trash.png); background-image: url(../images/delete.svg);
background-size: 12px 12px; background-size: 12px 12px;
background-position: 0 0; background-position: 0 0;
} }
@ -4811,8 +4809,6 @@ td.message span.message {
text-decoration: none; text-decoration: none;
min-width: 5em; min-width: 5em;
vertical-align: bottom; vertical-align: bottom;
}
.egw_fw_ui_sidemenu_listitem a:hover {
color: #000000; color: #000000;
} }
.egw_fw_ui_sidemenu_listitem a:active { .egw_fw_ui_sidemenu_listitem a:active {