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

user_circles: Introduce icon to personal menu avatar.

This commit is contained in:
Karl Stolley 2024-11-07 14:44:28 -06:00 committed by Tim Abbott
parent 45cf03bf08
commit 8da90b9f0b
2 changed files with 7 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

14
web/styles/popovers.css
View File

@ -1099,15 +1099,13 @@ ul.popover-group-menu-member-list {
}
.status-circle {
/* 10px at 16px/1em */
font-size: 0.625em;
line-height: 1;
position: absolute;
width: var(--length-user-status-circle);
height: var(--length-user-status-circle);
top: unset;
left: unset;
right: -1px;
bottom: -1px;
border: solid 1px var(--color-background);
border-radius: 50%;
right: 0;
bottom: 0;
-webkit-text-stroke: 1.5px var(--color-background-popover-menu);
}
.user_circle_empty {

2
web/templates/popovers/navbar/navbar_personal_menu_popover.hbs
View File

@ -5,7 +5,7 @@
<img class="avatar-image{{#if user_is_guest}} guest-avatar{{/if}}" src="{{user_avatar}}"/>
{{#if is_active }}
<span class="status-circle {{user_circle_class}} user_circle hidden-for-spectators" data-tippy-placement="bottom" data-tippy-content="{{user_last_seen_time_status}}"></span>
<span class="zulip-icon zulip-icon-user-status-tight status-circle {{user_circle_class}} user_circle hidden-for-spectators" data-tippy-placement="bottom" data-tippy-content="{{user_last_seen_time_status}}"></span>
{{/if}}
</div>