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

recent: Fix unread counts wrappings to next line in long topic names. 

We limit the word break to only text present inside the `a` tags
so that it doesn't apply to unread count.
This commit is contained in:
Aman Agrawal 2022-10-27 03:57:42 +00:00 committed by Tim Abbott
parent 6f8476ced9
commit b23931bd66
1 changed files with 13 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

20
static/styles/recent_topics.css
View File

@ -331,17 +331,23 @@
.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; a {
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 a {
the ellipsis `longText-...` which is not desirable. Ellipsis appears due word-break: break-word;
to the line clamp applied below. /* 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