From 4ab491f823c64395fe7fc2897bb1f8bd908b6b34 Mon Sep 17 00:00:00 2001
From: Hubert Chathi <hubert@uhoreg.ca>
Date: Thu, 6 Jun 2019 22:41:10 -0400
Subject: [PATCH] truncate long display names in timeline headings

partial fix for vector-im/riot-web#5739
---
 res/css/views/rooms/_EventTile.scss | 6 +++++-
 1 file changed, 5 insertions(+), 1 deletion(-)

diff --git a/res/css/views/rooms/_EventTile.scss b/res/css/views/rooms/_EventTile.scss
index 16e3821b90..a6194832a3 100644
--- a/res/css/views/rooms/_EventTile.scss
+++ b/res/css/views/rooms/_EventTile.scss
@@ -56,13 +56,17 @@ limitations under the License.
     color: $primary-fg-color;
     font-size: 14px;
     display: inline-block; /* anti-zalgo, with overflow hidden */
-    overflow-y: hidden;
+    overflow: hidden;
     cursor: pointer;
     padding-left: 65px; /* left gutter */
     padding-bottom: 0px;
     padding-top: 0px;
     margin: 0px;
     line-height: 17px;
+    /* the next three lines, along with overflow hidden, truncate long display names */
+    white-space: nowrap;
+    text-overflow: ellipsis;
+    max-width: calc(100% - 65px);
 }
 
 .mx_EventTile .mx_SenderProfile .mx_Flair {