OpenCloud
/
riot-web
mirror of https://github.com/vector-im/riot-web
1
0
Fork 0
Code Issues Releases Wiki Activity

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>
pull/28217/head
nurjin jafar 2023-10-24 18:06:44 +02:00 committed by GitHub
parent 827715cf1e
commit b2fb41b91c
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 21 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
res/css/views/dialogs/_InviteDialog.pcss
View File

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

13
res/css/views/rooms/_RoomPreviewBar.pcss
View File

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