Mirror
/
zulip
mirror of https://github.com/zulip/zulip.git
1
0
Fork 0
Code Issues Projects Releases Wiki Activity

popovers: Add guest avatar marker to user profile popover.

This commit is contained in:
Cynthia Lin 2018-12-17 17:25:07 -08:00 committed by Tim Abbott
parent 4d97909764
commit 053c4a2250
3 changed files with 6 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
static/js/popovers.js
View File

@ -266,6 +266,7 @@ exports.show_user_profile = function (user) {
last_seen: user_last_seen_time_status(user.user_id),
user_time: people.get_user_time(user.user_id),
user_type: people.get_user_type(user.user_id),
user_is_guest: user.is_guest,
};
$("#user-profile-modal-holder").html(templates.render("user_profile_modal", args));

4
static/styles/popovers.scss
View File

@ -172,6 +172,10 @@ ul.remind_me_popover .remind_icon {
border-radius: 5px;
margin-right: 10px;
border: 1px solid hsla(0, 0%, 0%, 0.2);
&.guest-avatar::after {
outline: 9px solid hsl(0, 0%, 100%);
}
}
#default-section {

2
static/templates/user_profile_modal.handlebars
View File

@ -4,7 +4,7 @@
<button type="button" class="close" data-dismiss="modal" aria-label="{{t 'Close' }}">
<span aria-hidden="true" id="exit-sign">&times;</span>
</button>
<div id="avatar" style="background-image: url('{{user_avatar}}');" ></div>
<div id="avatar"{{#if user_is_guest}} class="guest-avatar"{{/if}} style="background-image: url('{{user_avatar}}');" ></div>
<div id="default-section">
<div id="name">
{{full_name}}