paulmataruso/zulip
1
0
Fork 0
mirror of https://github.com/zulip/zulip.git synced 2025-11-05 14:35:27 +00:00
Code Issues Packages Projects Releases Wiki Activity

user_group: Use double user icon instead of tripe user icon.

Browse Source
This commit is contained in:
Aman Agrawal
2025-03-13 06:05:33 +00:00
committed by Tim Abbott
parent dde861e959
commit a393d9d495
8 changed files with 12 additions and 9 deletions
Download Patch File Download Diff File Expand all files Collapse all files

3
web/shared/icons/user-group.svg Normal file
View File

@@ -0,0 +1,3 @@
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none" viewBox="0 0 16 16">
<path fill="#000" d="M10 1.335a3.332 3.332 0 1 1 0 6.663 3.332 3.332 0 0 1 0-6.663Zm2.002 3.332a2.002 2.002 0 1 0-4.004 0 2.002 2.002 0 0 0 4.004 0ZM12 9.335a3.332 3.332 0 0 1 3.332 3.332V14a.665.665 0 0 1-1.33 0v-1.333A2.002 2.002 0 0 0 12 10.665H8a2.002 2.002 0 0 0-2.002 2.002V14a.665.665 0 0 1-1.33 0v-1.333A3.332 3.332 0 0 1 8 9.335h4Zm-8.023.585a.665.665 0 0 1-.477.81 2.002 2.002 0 0 0-1.502 1.937V14a.665.665 0 1 1-1.33 0v-1.334a3.332 3.332 0 0 1 2.5-3.223.665.665 0 0 1 .81.477Zm1.191-8.478a.665.665 0 1 1 .33 1.289 2.002 2.002 0 0 0 0 3.878.665.665 0 0 1-.33 1.288 3.332 3.332 0 0 1 0-6.455Z"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 710 B

2
web/styles/input_pill.css
View File

@@ -322,7 +322,7 @@
} }
} }
.display_only_group_pill .zulip-icon-triple-users { .display_only_group_pill .zulip-icon-user-group {
font-size: 1.3571em; /* 19px at 14px / em */ font-size: 1.3571em; /* 19px at 14px / em */
} }

2
web/styles/popovers.css
View File

@@ -314,7 +314,7 @@ ul.popover-group-menu-member-list {
} }
.popover-group-menu-member { .popover-group-menu-member {
.zulip-icon-triple-users { .zulip-icon-user-group {
color: var(--color-icon-purple); color: var(--color-icon-purple);
} }
} }

2
web/styles/typeahead.css
View File

@@ -197,7 +197,7 @@
text-align: center; text-align: center;
&.zulip-icon-triple-users { &.zulip-icon-user-group {
font-size: 1.3571em; /* 19px at 14px em */ font-size: 1.3571em; /* 19px at 14px em */
} }

4
web/templates/popovers/user_group_info_popover.hbs
View File

@@ -3,7 +3,7 @@
<li role="none" class="link-item popover-menu-list-item"> <li role="none" class="link-item popover-menu-list-item">
<div class="popover-group-menu-info"> <div class="popover-group-menu-info">
<div class="popover-group-menu-name-container"> <div class="popover-group-menu-name-container">
<i class="popover-menu-icon zulip-icon zulip-icon-triple-users" aria-hidden="true"></i> <i class="popover-menu-icon zulip-icon zulip-icon-user-group" aria-hidden="true"></i>
<span class="popover-group-menu-name">{{group_name}}</span> <span class="popover-group-menu-name">{{group_name}}</span>
</div> </div>
{{#if group_description}} {{#if group_description}}
@@ -29,7 +29,7 @@
<ul class="popover-menu-list popover-group-menu-member-list" data-simplebar data-simplebar-tab-index="-1" data-simplebar-auto-hide="false"> <ul class="popover-menu-list popover-group-menu-member-list" data-simplebar data-simplebar-tab-index="-1" data-simplebar-auto-hide="false">
{{#each displayed_subgroups}} {{#each displayed_subgroups}}
<li class="popover-group-menu-member"> <li class="popover-group-menu-member">
<i class="popover-group-member-icon popover-menu-icon zulip-icon zulip-icon-triple-users" aria-hidden="true"></i> <i class="popover-group-member-icon popover-menu-icon zulip-icon zulip-icon-user-group" aria-hidden="true"></i>
<span class="popover-group-menu-member-name">{{name}}</span> <span class="popover-group-menu-member-name">{{name}}</span>
</li> </li>
{{/each}} {{/each}}

4
web/templates/typeahead_list_item.hbs
View File

@@ -11,10 +11,10 @@
{{#if has_image}} {{#if has_image}}
<img class="typeahead-image" src="{{ img_src }}" /> <img class="typeahead-image" src="{{ img_src }}" />
{{else}} {{else}}
<i class='typeahead-image zulip-icon zulip-icon-triple-users no-presence-circle'></i> <i class='typeahead-image zulip-icon zulip-icon-user-group no-presence-circle'></i>
{{/if}} {{/if}}
{{else if is_user_group}} {{else if is_user_group}}
<i class="typeahead-image zulip-icon zulip-icon-triple-users no-presence-circle" aria-hidden="true"></i> <i class="typeahead-image zulip-icon zulip-icon-user-group no-presence-circle" aria-hidden="true"></i>
{{/if}} {{/if}}
{{#if is_stream_topic}} {{#if is_stream_topic}}
<div class="typeahead-text-container"> <div class="typeahead-text-container">

2
web/templates/user_group_display_only_pill.hbs
View File

@@ -1,6 +1,6 @@
<span class="pill-container display_only_group_pill"> <span class="pill-container display_only_group_pill">
<a data-user-group-id="{{group_id}}" class="view_user_group pill" tabindex="0"> <a data-user-group-id="{{group_id}}" class="view_user_group pill" tabindex="0">
<i class="zulip-icon zulip-icon-triple-users no-presence-circle" aria-hidden="true"></i> <i class="zulip-icon zulip-icon-user-group no-presence-circle" aria-hidden="true"></i>
<span class="pill-label {{#if strikethrough}} strikethrough {{/if}}" > <span class="pill-label {{#if strikethrough}} strikethrough {{/if}}" >
<span class="pill-value">{{display_value}}</span> <span class="pill-value">{{display_value}}</span>
</span> </span>

2
web/tests/composebox_typeahead.test.cjs
View File

@@ -1454,7 +1454,7 @@ test("initialize", ({override, override_rewire, mock_template}) => {
ct.get_or_set_token_for_testing("hamletcharacters"); ct.get_or_set_token_for_testing("hamletcharacters");
actual_value = options.highlighter_html(hamletcharacters); actual_value = options.highlighter_html(hamletcharacters);
expected_value = expected_value =
' <i class="typeahead-image zulip-icon zulip-icon-triple-users no-presence-circle" aria-hidden="true"></i>\n' + ' <i class="typeahead-image zulip-icon zulip-icon-user-group no-presence-circle" aria-hidden="true"></i>\n' +
'<div class="typeahead-text-container">\n' + '<div class="typeahead-text-container">\n' +
' <strong class="typeahead-strong-section">hamletcharacters</strong> <span class="autocomplete_secondary">Characters of Hamlet</span>' + ' <strong class="typeahead-strong-section">hamletcharacters</strong> <span class="autocomplete_secondary">Characters of Hamlet</span>' +
"</div>\n"; "</div>\n";