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

compose_typeahead: Fix position of unsubscribed icon. 

Fixes position of unsubscribed icon so that it appears in the same line
as the list item of the typeahead and prevent typeahead to increase in
width when the icon is shown.
This commit is contained in:
Vector73 2024-07-04 09:15:07 +05:30 committed by Tim Abbott
parent 67d85508be
commit e699825296
2 changed files with 6 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
web/styles/zulip.css
View File

@ -1360,7 +1360,7 @@ div.focused-message-list {
.active { .active {
.unsubscribed_icon { .unsubscribed_icon {
display: block; visibility: visible;
float: right; float: right;
margin-top: 5px; margin-top: 5px;
color: hsl(96deg 7% 73%); color: hsl(96deg 7% 73%);
@ -1368,7 +1368,8 @@ div.focused-message-list {
} }
.unsubscribed_icon { .unsubscribed_icon {
display: none; visibility: hidden;
font-size: 0.8em;
} }
} }

6
web/templates/typeahead_list_item.hbs
View File

@ -41,8 +41,8 @@
{{~ secondary ~}} {{~ secondary ~}}
</small> </small>
{{~/if}} {{~/if}}
{{#if is_unsubscribed}} </div>
{{#if is_unsubscribed}}
<span class="fa fa-exclamation-triangle unsubscribed_icon" <span class="fa fa-exclamation-triangle unsubscribed_icon"
title="{{t 'You are not currently subscribed to this channel.' }}"></span> title="{{t 'You are not currently subscribed to this channel.' }}"></span>
{{/if}} {{/if}}
</div>