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

inbox: Remove flexbox nonsense from user rows. 

There was no reason for this to be a flexbox, and it was interfering
with wrapping of long names.

Signed-off-by: Anders Kaseorg <anders@zulip.com>
This commit is contained in:
Anders Kaseorg 2024-03-27 13:38:26 -07:00 committed by Tim Abbott
parent c3caa3ecc8
commit f0945518ba
3 changed files with 3 additions and 28 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

17
web/styles/inbox.css
View File

@ -405,13 +405,11 @@
flex-wrap: wrap; flex-wrap: wrap;
column-gap: 10px; column-gap: 10px;
grid-area: recipient_info; grid-area: recipient_info;
overflow: hidden; word-break: break-word;
.user_block { .user_block {
display: flex; display: flex;
align-items: center; align-items: center;
white-space: nowrap;
overflow: hidden;
.fa-group { .fa-group {
font-size: 11px; font-size: 11px;
@ -420,19 +418,6 @@
margin-top: 5px; margin-top: 5px;
opacity: 0.7; opacity: 0.7;
} }
.user_status_icon_wrapper {
overflow: hidden;
text-overflow: ellipsis;
}
}
.recipients_name {
display: flex;
flex-wrap: wrap;
white-space: nowrap;
gap: 2px;
overflow: hidden;
} }
} }
} }

10
web/styles/recent_view.css
View File

@ -241,16 +241,6 @@
align-items: center; align-items: center;
} }
.flex_container .left_part {
flex-wrap: wrap;
.user_status_icon_wrapper {
display: inline-flex;
align-items: center;
flex-direction: row;
}
}
.flex_container .right_part { .flex_container .right_part {
margin-left: auto; margin-left: auto;
display: inline-flex; display: inline-flex;

4
web/templates/user_with_status_icon.hbs
View File

@ -1,4 +1,4 @@
<div class="user_status_icon_wrapper"> <span class="user_status_icon_wrapper">
<span class="user-name">{{name}}</span> <span class="user-name">{{name}}</span>
{{> status_emoji status_emoji_info}} {{> status_emoji status_emoji_info}}
</div> </span>