From a8dc0e69e8d82e52dd43192311d3343eab73b9b9 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=C5=A0imon=20Brandner?= Date: Thu, 9 Dec 2021 20:18:09 +0100 Subject: [PATCH 1/2] Wrap status message MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit Signed-off-by: Šimon Brandner --- 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 3f0f5982f9a..a61db1e617c 100644 --- a/res/css/views/right_panel/_UserInfo.scss +++ b/res/css/views/right_panel/_UserInfo.scss @@ -207,7 +207,6 @@ limitations under the License. font-size: $font-11px; opacity: 0.5; overflow: hidden; - white-space: nowrap; text-overflow: clip; } From c6bb1d7c0c43193a370773fa6aec775636d93f8e Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=C5=A0imon=20Brandner?= Date: Fri, 10 Dec 2021 15:11:52 +0100 Subject: [PATCH 2/2] Give status a max-height MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit Signed-off-by: Šimon Brandner --- res/css/views/right_panel/_UserInfo.scss | 11 ++++++++++- 1 file changed, 10 insertions(+), 1 deletion(-) diff --git a/res/css/views/right_panel/_UserInfo.scss b/res/css/views/right_panel/_UserInfo.scss index a61db1e617c..a172270de6e 100644 --- a/res/css/views/right_panel/_UserInfo.scss +++ b/res/css/views/right_panel/_UserInfo.scss @@ -204,10 +204,19 @@ limitations under the License. } .mx_UserInfo_statusMessage { + $statusLineHeight: 16px; + $statusNumberOfLines: 3; + font-size: $font-11px; + line-height: $statusLineHeight; opacity: 0.5; overflow: hidden; - text-overflow: clip; + word-break: break-word; + text-overflow: ellipsis; + display: -webkit-box; + max-height: calc($statusLineHeight * $statusNumberOfLines); + -webkit-line-clamp: $statusNumberOfLines; + -webkit-box-orient: vertical; } .mx_AutoHideScrollbar {