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

settings: Add guest avatar marker to account settings.

This commit is contained in:
Cynthia Lin 2018-12-18 17:25:13 -08:00 committed by Tim Abbott
parent 053c4a2250
commit 55c1a2e525
3 changed files with 11 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
static/js/user_events.js
View File

@ -78,7 +78,7 @@ exports.update_person = function update(person) {
page_params.avatar_source = person.avatar_source;
page_params.avatar_url = url;
page_params.avatar_url_medium = person.avatar_url_medium;
$("#user-avatar-block").attr("src", person.avatar_url_medium);
$("#user-avatar-block").attr("style", "background-image:url(" + person.avatar_url_medium + ")");
}
message_live_update.update_avatar(person_obj.user_id, person.avatar_url);

9
static/styles/settings.scss
View File

@ -1058,6 +1058,15 @@ input[type=checkbox].inline-block {
height: 200px;
transition: all 0.3s ease;
#user-avatar-block {
background-size: 100%;
height: 100%;
}
.guest-avatar::after {
outline: 9px solid hsl(0, 0%, 100%);
}
}
#user-settings-avatar:hover #user-avatar-block {

2
static/templates/settings/account-settings.handlebars
View File

@ -160,7 +160,7 @@
<div class="inline-block">
<div id="user-settings-avatar">
<img id="user-avatar-block" src="{{ page_params.avatar_url_medium }}" />
<div id="user-avatar-block" style="background-image: url({{ page_params.avatar_url_medium }})" {{#if page_params.is_guest}} class="guest-avatar"{{/if}}/>
<div id="user-avatar-source">
<a href="https://en.gravatar.com/" target="_blank" class="white-color">{{t "Avatar from Gravatar" }}</a>
</div>