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

Change framework user avatar to et2-avatar

Browse Source
This commit is contained in:
Hadi Nategh 2022-09-07 11:53:29 +02:00
parent 2eebd56811
commit e0b98b7c4c
3 changed files with 47 additions and 68 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
api/src/Framework.php
View File

@ -639,10 +639,10 @@ abstract class Framework extends Framework\Extra
$stats = Hooks::process('framework_avatar_stat'); $stats = Hooks::process('framework_avatar_stat');
$stat = array_pop($stats); $stat = array_pop($stats);
return '<span title="'.Accounts::format_username().'" class="avatar"><img src="'.Egw::link('/api/avatar.php', array( return '<et2-avatar shape="squared" title="'.Accounts::format_username().'" src="'.Egw::link('/api/avatar.php', array(
'account_id' => $GLOBALS['egw_info']['user']['account_id'], 'account_id' => $GLOBALS['egw_info']['user']['account_id'],
)).'"/>'.(!empty($stat) ? )).'"></et2-avatar>'.(empty($stat) ?
'<span class="fw_avatar_stat '.$stat['class'].'" title="'.$stat['title'].'">'.$stat['body'].'</span>' : '').'</span>'; '<span class="fw_avatar_stat '.$stat['class'].'" title="'.$stat['title'].'">'.$stat['body'].'</span>' : '');
} }
/** /**

27
pixelegg/css/pixelegg.css
View File

@ -5312,21 +5312,10 @@ span.overlayContainer img.overlay {
#egw_fw_topmenu_info_items .topmenu_info_item:hover { #egw_fw_topmenu_info_items .topmenu_info_item:hover {
background-color: rgba(153, 204, 255, 0.4); background-color: rgba(153, 204, 255, 0.4);
} }
#egw_fw_topmenu_info_items #topmenu_info_user_avatar span { #egw_fw_topmenu_info_items #topmenu_info_user_avatar span.fw_avatar_stat {
height: 40px;
width: 40px;
display: inline-block;
border: none;
margin-top: 2px;
margin-left: 1px;
}
#egw_fw_topmenu_info_items #topmenu_info_user_avatar span img {
width: 40px;
}
#egw_fw_topmenu_info_items #topmenu_info_user_avatar span span.fw_avatar_stat {
position: absolute; position: absolute;
} }
#egw_fw_topmenu_info_items #topmenu_info_user_avatar span span.stat1 { #egw_fw_topmenu_info_items #topmenu_info_user_avatar span.stat1 {
width: 14px; width: 14px;
height: 14px; height: 14px;
position: absolute; position: absolute;
@ -5343,22 +5332,22 @@ span.overlayContainer img.overlay {
line-height: 14px; line-height: 14px;
border: 2px solid #fbfbfb; border: 2px solid #fbfbfb;
} }
#egw_fw_topmenu_info_items #topmenu_info_user_avatar span span.online { #egw_fw_topmenu_info_items #topmenu_info_user_avatar span.online {
background-color: #2de0a5; background-color: #2de0a5;
} }
#egw_fw_topmenu_info_items #topmenu_info_user_avatar span span.offline { #egw_fw_topmenu_info_items #topmenu_info_user_avatar span.offline {
background-color: #cbced1; background-color: #cbced1;
} }
#egw_fw_topmenu_info_items #topmenu_info_user_avatar span span.away { #egw_fw_topmenu_info_items #topmenu_info_user_avatar span.away {
background-color: #ffd21f; background-color: #ffd21f;
} }
#egw_fw_topmenu_info_items #topmenu_info_user_avatar span span.busy { #egw_fw_topmenu_info_items #topmenu_info_user_avatar span.busy {
background-color: #f5455c; background-color: #f5455c;
} }
#egw_fw_topmenu_info_items #topmenu_info_user_avatar span span.noconnection { #egw_fw_topmenu_info_items #topmenu_info_user_avatar span.noconnection {
background-color: #E1E16D; background-color: #E1E16D;
} }
#egw_fw_topmenu_info_items #topmenu_info_user_avatar span span.noconnection:before { #egw_fw_topmenu_info_items #topmenu_info_user_avatar span.noconnection:before {
content: "!"; content: "!";
} }
#egw_fw_topmenu_info_items #topmenu_info_logout { #egw_fw_topmenu_info_items #topmenu_info_logout {

82
pixelegg/less/layout_raster_buttons.less
View File

@ -42,52 +42,42 @@
} }
} }
#topmenu_info_user_avatar { #topmenu_info_user_avatar {
span {
height: 40px; span.fw_avatar_stat {
width: 40px; position: absolute;
display: inline-block; }
border: none; span.stat1 {
margin-top: 2px; width: 14px;
margin-left: 1px; height: 14px;
img { position: absolute;
width: 40px; right: 30px;
} bottom: 0px;
span.fw_avatar_stat { border-radius: 50%;
position: absolute; z-index: 100000;
} background-size: 14px;
span.stat1 { background-repeat: no-repeat;
width: 14px; color: #2d2b2b;
height: 14px; font-weight: bold;
position: absolute; text-align: center;
right: 30px; font-size: 10px;
bottom: 0px; line-height: 14px;
border-radius: 50%; border: 2px solid #fbfbfb;
z-index: 100000; }
background-size: 14px; span.online {
background-repeat: no-repeat; background-color: #2de0a5;
color: #2d2b2b; }
font-weight: bold; span.offline {
text-align: center; background-color: #cbced1;
font-size: 10px; }
line-height: 14px; span.away {
border: 2px solid #fbfbfb; background-color: #ffd21f;
} }
span.online { span.busy {
background-color: #2de0a5; background-color: #f5455c;
} }
span.offline { span.noconnection {
background-color: #cbced1; background-color: #E1E16D;
} &:before {content:"!"}
span.away {
background-color: #ffd21f;
}
span.busy {
background-color: #f5455c;
}
span.noconnection {
background-color: #E1E16D;
&:before {content:"!"}
}
} }
} }