CodeCow/zulip
1
0
Fork 0
mirror of https://github.com/zulip/zulip.git synced 2026-07-12 21:04:41 +08:00
Code Issues Actions Packages Projects Releases Wiki Activity

user_circles: Introduce circle icons to Inbox.

Browse Source
This commit is contained in:
Karl Stolley 2024-12-09 17:18:51 -05:00 committed by Tim Abbott
parent 1bad9a82cc
commit 327afd5273
2 changed files with 6 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

9
web/styles/inbox.css
View File

@ -257,10 +257,11 @@
}
.user-circle {
/* size of the user activity circle */
/* 6px at 15px/1em */
min-width: 0.4em;
height: 0.4em;
/* TODO: Refactor inbox rows to use grid, to avoid the
min-width here that holds the other rows to similar
columns. */
min-width: 1em;
font-size: 0.5333em;
margin-right: 5px;
top: 0;
}

2
web/templates/inbox_view/inbox_row.hbs
View File

@ -14,7 +14,7 @@
{{else if is_group}}
<span class="zulip-icon zulip-icon-triple-users" aria-hidden="true"></span>
{{else}}
<span class="{{user_circle_class}} user-circle" data-presence-indicator-user-id="{{user_ids_string}}"></span>
<span class="zulip-icon zulip-icon-{{user_circle_class}} {{user_circle_class}} user-circle" data-presence-indicator-user-id="{{user_ids_string}}"></span>
{{/if}}
<span class="recipients_name">{{{rendered_dm_with}}}</span>
</span>