mirror of https://github.com/zulip/zulip.git
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:
parent
8f6cf65f28
commit
ca36f23d9f
|
@ -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
|
||||
|
|
Loading…
Reference in New Issue