From c4ce9a310e585a8d6bc469e76242063ffeb66f1c Mon Sep 17 00:00:00 2001
From: Michael Telatynski <7t3chguy@gmail.com>
Date: Wed, 26 Feb 2020 13:44:35 +0000
Subject: [PATCH 1/2] Limit UserInfo Displayname to 3 lines to get rid of
 scrollbars and ugliness

Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>
---
 res/css/views/right_panel/_UserInfo.scss | 12 ++++++++++--
 1 file changed, 10 insertions(+), 2 deletions(-)

diff --git a/res/css/views/right_panel/_UserInfo.scss b/res/css/views/right_panel/_UserInfo.scss
index 46d5e99d64..074d625963 100644
--- a/res/css/views/right_panel/_UserInfo.scss
+++ b/res/css/views/right_panel/_UserInfo.scss
@@ -137,12 +137,20 @@ limitations under the License.
             font-size: 18px;
             line-height: 25px;
             flex: 1;
-            overflow-x: auto;
-            max-height: 50px;
             display: flex;
             justify-content: center;
             align-items: center;
 
+            // limit to 2 lines, show an ellipsis if it overflows
+            // this looks webkit specific but is supported by Firefox 68+
+            display: -webkit-box;
+            -webkit-box-orient: vertical;
+            -webkit-line-clamp: 2;
+
+            overflow: hidden;
+            word-break: break-all;
+            text-overflow: ellipsis;
+
             .mx_E2EIcon {
                 margin: 5px;
             }

From 2ce006a9ea5b481621d37e86e35859e5315fc94c Mon Sep 17 00:00:00 2001
From: Michael Telatynski <7t3chguy@gmail.com>
Date: Wed, 26 Feb 2020 13:48:22 +0000
Subject: [PATCH 2/2] delint css

Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>
---
 res/css/views/right_panel/_UserInfo.scss | 1 -
 1 file changed, 1 deletion(-)

diff --git a/res/css/views/right_panel/_UserInfo.scss b/res/css/views/right_panel/_UserInfo.scss
index 074d625963..0e4b1bda9e 100644
--- a/res/css/views/right_panel/_UserInfo.scss
+++ b/res/css/views/right_panel/_UserInfo.scss
@@ -137,7 +137,6 @@ limitations under the License.
             font-size: 18px;
             line-height: 25px;
             flex: 1;
-            display: flex;
             justify-content: center;
             align-items: center;