left_sidebar: Replace user_circle_class with fa fa-group icon.

It is difficult to distinguish group PMs from 1:1 PMs, so to
improve the UI it is better to show different icon for group
PMs. Here we are using fa fa-group icon for group PMs.

Fixes #18069.
This commit is contained in:
Nikhil Maske
2021-04-15 12:07:04 +05:30
committed by Tim Abbott
parent 1944d4e5df
commit b7fb130578
2 changed files with 7 additions and 6 deletions

View File

@@ -161,6 +161,11 @@ li.show-more-topics {
#private-container {
max-height: 200px;
/* Match the opacity for global-filters icons. */
span.fa-group {
opacity: 0.7;
}
}
:not(.active-sub-filter) {

View File

@@ -3,13 +3,9 @@
<div class="pm_left_col">
{{#if is_group}}
{{#if fraction_present}}
<span class="{{user_circle_class}} user_circle" style="background:hsla(106, 74%, 44%, {{fraction_present}});"></span>
{{else}}
<span class="{{user_circle_class}} user_circle" style="background:none; border-color:hsl(0, 0%, 50%);"></span>
{{/if}}
<span class="fa fa-group"></span>
{{else}}
<span class="{{user_circle_class}} user_circle"></span>
<span class="{{user_circle_class}} user_circle"></span>
{{/if}}
</div>