extern/egroupware_official
1
0
Fork 0
mirror of https://github.com/EGroupware/egroupware.git synced 2024-11-22 07:53:39 +01:00
Code Issues Packages Projects Releases Wiki Activity

Get avatar menu in the framework looking like the rest

Browse Source
This commit is contained in:
Hadi Nategh 2022-08-18 10:54:18 +02:00
parent 24d9d3ef53
commit 61013d28cf
4 changed files with 24 additions and 13 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

15
pixelegg/css/pixelegg.css
View File

@ -4243,10 +4243,8 @@ span.overlayContainer img.overlay {
z-index: 1001; z-index: 1001;
top: 46px; top: 46px;
background: white; background: white;
box-shadow: 2px 3px 13px #666666; box-shadow: 0 2px 8px hsla(240, 3.8%, 46.1%, 0.12);
-moz-box-shadow: 2px 3px 13px #666666; border: 1px solid hsl(240, 6%, 90%);
-webkit-box-shadow: 2px 3px 13px #666666;
-khtml-box-shadow: 2px 3px 13px #666666;
} }
#egw_fw_header #egw_fw_topmenu a.powered_by { #egw_fw_header #egw_fw_topmenu a.powered_by {
width: calc(100% - 20px); width: calc(100% - 20px);
@ -4343,13 +4341,16 @@ span.overlayContainer img.overlay {
border-top: #E6E6E6; border-top: #E6E6E6;
} }
#egw_fw_header #egw_fw_topmenu #egw_fw_topmenu_items ul li:hover { #egw_fw_header #egw_fw_topmenu #egw_fw_topmenu_items ul li:hover {
background: rgba(153, 204, 255, 0.4); background: hsl(200, 98%, 39%);
color: #FFFFFF; color: hsl(0, 0%, 100%);
}
#egw_fw_header #egw_fw_topmenu #egw_fw_topmenu_items ul li:hover a {
filter: invert(1) brightness(5);
} }
#egw_fw_header #egw_fw_topmenu #egw_fw_topmenu_items ul li a { #egw_fw_header #egw_fw_topmenu #egw_fw_topmenu_items ul li a {
color: #000000; color: #000000;
text-decoration: none; text-decoration: none;
font-size: 12px; font-size: 11px;
padding-left: 26px; padding-left: 26px;
line-height: 1.5em; line-height: 1.5em;
display: inline-block; display: inline-block;

5
pixelegg/less/def_colors.less
View File

@ -165,6 +165,11 @@
// Mouse over // Mouse over
@color_hover_row : fade(@egw_color_hover, 40%); @color_hover_row : fade(@egw_color_hover, 40%);
@sl-color-menu: hsl(0, 0%, 100%);
@sl-bg-color-menu: hsl(200, 98%, 39%);
@sl-filter-menu: invert(1) brightness(5);
@sl-box-shadow-menu: 0 2px 8px hsl(240 3.8% 46.1% / 12%);
@sl-border-menu: 1px solid hsl(240deg 6% 90%);
/* Dialog Button panel Background Color*/ /* Dialog Button panel Background Color*/
@color_button_panel_bg_color : @egw_color_2_e; @color_button_panel_bg_color : @egw_color_2_e;

6
pixelegg/less/layout_dhtmlSubmenu.less
View File

@ -29,13 +29,13 @@ div.dhtmlxMenu_egw_SubLevelArea_Polygon{
tr.sub_item_selected { tr.sub_item_selected {
td.sub_item_icon { td.sub_item_icon {
img.sub_icon { img.sub_icon {
filter: invert(1) brightness(5); filter: @sl-filter-menu;
} }
} }
background-color: hsl(200deg 98% 39%) !important; background-color: @sl-bg-color-menu !important;
background-image: none !important; background-image: none !important;
div.sub_item_text, td.sub_item_hk div.sub_item_hk { div.sub_item_text, td.sub_item_hk div.sub_item_hk {
color: hsl(0deg 0% 100%); color: @sl-color-menu;
} }
} }
div.sub_sep { div.sub_sep {

11
pixelegg/less/layout_raster_header.less
View File

@ -64,7 +64,8 @@
z-index: 1001; z-index: 1001;
top: 46px; top: 46px;
background: white; background: white;
.box_shadow; box-shadow: @sl-box-shadow-menu;
border: @sl-border-menu;
a.powered_by { a.powered_by {
width: ~"calc(100% - 20px)"; width: ~"calc(100% - 20px)";
display: inline-block; display: inline-block;
@ -162,11 +163,15 @@
color: @gray_0; color: @gray_0;
padding: 8px 10px; padding: 8px 10px;
border-top: @gray_10; border-top: @gray_10;
&:hover{ background: @color_hover_row;color: @gray_0;} &:hover{
background: @sl-bg-color-menu;
color: @sl-color-menu;
a {filter:@sl-filter-menu}
}
a { a {
color: @gray_100; color: @gray_100;
text-decoration: none; text-decoration: none;
.fontsize_l; .fontsize_m;
padding-left: 26px; padding-left: 26px;
line-height: 1.5em; line-height: 1.5em;
display:inline-block; display:inline-block;