From 60ce314c87b8730de17700a3358c416a54bc91c7 Mon Sep 17 00:00:00 2001
From: Karl Stolley <karl@zulip.com>
Date: Thu, 14 Nov 2024 14:47:55 -0500
Subject: [PATCH] left_sidebar: Clamp topics to two lines, breaking words as
 needed.

---
 web/styles/left_sidebar.css | 9 ++++++++-
 1 file changed, 8 insertions(+), 1 deletion(-)

diff --git a/web/styles/left_sidebar.css b/web/styles/left_sidebar.css
index a07f67863a..f2e9be1315 100644
--- a/web/styles/left_sidebar.css
+++ b/web/styles/left_sidebar.css
@@ -1123,7 +1123,14 @@ li.top_left_scheduled_messages {
     }
 
     .sidebar-topic-name-inner {
-        display: block;
+        /* Clamp multi-line topics to two lines. */
+        display: -webkit-box;
+        -webkit-box-orient: vertical;
+        -webkit-line-clamp: 2;
+        overflow: hidden;
+        /* Break overflowing words as necessary. */
+        overflow-wrap: break-word;
+
         line-height: var(--line-height-sidebar-topic-inner);
         margin: var(--spacing-top-bottom-sidebar-topic-inner) 0;
     }