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

recent_topics: Fix long topic and stream words squeezing other rows. 

Topics and streams containing long words can cause horizontal
overflow and squeeze other columns too much.
This commit is contained in:
Aman Agrawal 2022-10-26 16:29:07 +00:00 committed by Tim Abbott
parent 8f6cf65f28
commit ca36f23d9f
1 changed files with 7 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
static/styles/recent_topics.css
View File

@ -331,10 +331,17 @@
.recent_topic_stream { .recent_topic_stream {
width: 25%; width: 25%;
padding: 8px 0 8px 8px; padding: 8px 0 8px 8px;
word-break: break-word;
hyphens: auto;
} }
.recent_topic_name { .recent_topic_name {
width: 40%; width: 40%;
word-break: break-word;
/* No hyphes for word break since it caused hyphens to appear before
the ellipsis `longText-...` which is not desirable. Ellipsis appears due
to the line clamp applied below.
*/
.line_clamp { .line_clamp {
/* This -webkit-box display property is webkit-specific, but /* This -webkit-box display property is webkit-specific, but