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 <nurjin.jafar@nordeck.net>

* truncate room name in invitation dialog to two lines

Signed-off-by: nurjinn jafar <nurjin.jafar@nordeck.net>

* truncate room name in invitation dialog to two lines

Signed-off-by: nurjinn jafar <nurjin.jafar@nordeck.net>

* fix linter issue

Signed-off-by: nurjinn jafar <nurjin.jafar@nordeck.net>

---------

Signed-off-by: nurjinn jafar <nurjin.jafar@nordeck.net>

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;
     }

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);