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

View File

@ -331,10 +331,17 @@
.recent_topic_stream {
width: 25%;
padding: 8px 0 8px 8px;
word-break: break-word;
hyphens: auto;
}
.recent_topic_name {
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 {
/* This -webkit-box display property is webkit-specific, but