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 { .status-circle {
/* 10px at 16px/1em */
font-size: 0.625em;
line-height: 1;
position: absolute; position: absolute;
width: var(--length-user-status-circle); right: 0;
height: var(--length-user-status-circle); bottom: 0;
top: unset; -webkit-text-stroke: 1.5px var(--color-background-popover-menu);
left: unset;
right: -1px;
bottom: -1px;
border: solid 1px var(--color-background);
border-radius: 50%;
} }
.user_circle_empty { .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}}"/> <img class="avatar-image{{#if user_is_guest}} guest-avatar{{/if}}" src="{{user_avatar}}"/>
{{#if is_active }} {{#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}} {{/if}}
</div> </div>