From 99372a6cfd4653f721422110a464de1364957d74 Mon Sep 17 00:00:00 2001 From: nurjinn jafar Date: Mon, 16 Oct 2023 13:12:46 +0200 Subject: [PATCH 1/4] make invitation dialog scrollable when room name or invitation text/info is too long. Signed-off-by: nurjinn jafar --- res/css/views/rooms/_RoomPreviewBar.pcss | 5 +++++ 1 file changed, 5 insertions(+) diff --git a/res/css/views/rooms/_RoomPreviewBar.pcss b/res/css/views/rooms/_RoomPreviewBar.pcss index 373a335d0d6..465a636a97a 100644 --- a/res/css/views/rooms/_RoomPreviewBar.pcss +++ b/res/css/views/rooms/_RoomPreviewBar.pcss @@ -140,6 +140,11 @@ limitations under the License. } } } +.mx_RoomPreviewBar_Invite { + max-height: 100vh; + overflow-y: auto; + justify-content: flex-start; +} .mx_RoomPreviewBar_inviter { font-weight: var(--cpd-font-weight-semibold); From 63c286430dad40aa947880ad354a55d33d74bd61 Mon Sep 17 00:00:00 2001 From: nurjinn jafar Date: Fri, 20 Oct 2023 08:45:36 +0200 Subject: [PATCH 2/4] truncate room name in invitation dialog to two lines Signed-off-by: nurjinn jafar --- res/css/views/rooms/_RoomPreviewBar.pcss | 8 ++++++++ 1 file changed, 8 insertions(+) diff --git a/res/css/views/rooms/_RoomPreviewBar.pcss b/res/css/views/rooms/_RoomPreviewBar.pcss index 465a636a97a..be50c9faf2b 100644 --- a/res/css/views/rooms/_RoomPreviewBar.pcss +++ b/res/css/views/rooms/_RoomPreviewBar.pcss @@ -146,6 +146,14 @@ limitations under the License. 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); } From 24aaa9f62048aac8707431ff497303903768066b Mon Sep 17 00:00:00 2001 From: nurjinn jafar Date: Mon, 23 Oct 2023 13:24:32 +0200 Subject: [PATCH 3/4] truncate room name in invitation dialog to two lines Signed-off-by: nurjinn jafar --- res/css/views/dialogs/_InviteDialog.pcss | 8 ++++++++ 1 file changed, 8 insertions(+) diff --git a/res/css/views/dialogs/_InviteDialog.pcss b/res/css/views/dialogs/_InviteDialog.pcss index cd7abdf1d7d..ff05bb22510 100644 --- a/res/css/views/dialogs/_InviteDialog.pcss +++ b/res/css/views/dialogs/_InviteDialog.pcss @@ -193,6 +193,14 @@ limitations under the License. flex-direction: column; 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; From 5cd7ca9c727a057000b01a5a997ea4a03269acdf Mon Sep 17 00:00:00 2001 From: nurjinn jafar Date: Mon, 23 Oct 2023 13:43:45 +0200 Subject: [PATCH 4/4] fix linter issue Signed-off-by: nurjinn jafar --- res/css/views/dialogs/_InviteDialog.pcss | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/res/css/views/dialogs/_InviteDialog.pcss b/res/css/views/dialogs/_InviteDialog.pcss index ff05bb22510..aedb1b2507a 100644 --- a/res/css/views/dialogs/_InviteDialog.pcss +++ b/res/css/views/dialogs/_InviteDialog.pcss @@ -193,7 +193,7 @@ limitations under the License. flex-direction: column; height: 600px; overflow: hidden; - + h2 { display: -webkit-box; -webkit-line-clamp: 2;