From b2fb41b91ca338181e53b5ac4c63081410dd4287 Mon Sep 17 00:00:00 2001 From: nurjin jafar Date: Tue, 24 Oct 2023 18:06:44 +0200 Subject: [PATCH] Make invitation dialog scrollable when infos are too long (#11753) * make invitation dialog scrollable when room name or invitation text/info is too long. Signed-off-by: nurjinn jafar * truncate room name in invitation dialog to two lines Signed-off-by: nurjinn jafar * truncate room name in invitation dialog to two lines Signed-off-by: nurjinn jafar * fix linter issue Signed-off-by: nurjinn jafar --------- Signed-off-by: nurjinn jafar --- res/css/views/dialogs/_InviteDialog.pcss | 8 ++++++++ res/css/views/rooms/_RoomPreviewBar.pcss | 13 +++++++++++++ 2 files changed, 21 insertions(+) diff --git a/res/css/views/dialogs/_InviteDialog.pcss b/res/css/views/dialogs/_InviteDialog.pcss index cd7abdf1d7..aedb1b2507 100644 --- a/res/css/views/dialogs/_InviteDialog.pcss +++ b/res/css/views/dialogs/_InviteDialog.pcss @@ -194,6 +194,14 @@ limitations under the License. height: 600px; overflow: hidden; + h2 { + display: -webkit-box; + -webkit-line-clamp: 2; + -webkit-box-orient: vertical; + white-space: pre-wrap; + overflow: hidden; + } + .mx_InviteDialog_addressBar { margin-inline-end: 0; } diff --git a/res/css/views/rooms/_RoomPreviewBar.pcss b/res/css/views/rooms/_RoomPreviewBar.pcss index 373a335d0d..be50c9faf2 100644 --- a/res/css/views/rooms/_RoomPreviewBar.pcss +++ b/res/css/views/rooms/_RoomPreviewBar.pcss @@ -140,6 +140,19 @@ limitations under the License. } } } +.mx_RoomPreviewBar_Invite { + max-height: 100vh; + overflow-y: auto; + justify-content: flex-start; +} + +.mx_RoomPreviewBar_Invite h3 { + display: -webkit-box; + -webkit-line-clamp: 2; + -webkit-box-orient: vertical; + white-space: pre-wrap; + overflow: hidden; +} .mx_RoomPreviewBar_inviter { font-weight: var(--cpd-font-weight-semibold);