matrix/matrix-react-sdk
1
0
Fork 0
mirror of https://github.com/matrix-org/matrix-react-sdk.git synced 2025-07-31 13:44:28 +03:00
Code Activity

Fix long room address and name not being clipped on room info card and update _RoomSummaryCard.pcss (#10811)

Browse Source 
* Handle a long room address and name with ellipsis on RoomSummaryCard

* Use a class selector for maintainability

Sort the selectors
This commit is contained in:
Suguru Hirahara
2023-05-09 07:56:09 +00:00
committed by GitHub
parent 739eec8555
commit ed5c02be6d
4 changed files with 51 additions and 11 deletions
Download Patch File Download Diff File Expand all files Collapse all files

20
res/css/views/right_panel/_RoomSummaryCard.pcss
View File

@ -19,7 +19,16 @@ limitations under the License.
text-align: center;
margin-top: $spacing-20;
h1 {
.mx_RoomSummaryCard_roomName,
.mx_RoomSummaryCard_alias {
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
white-space: pre-wrap;
overflow: hidden;
}
.mx_RoomSummaryCard_roomName {
margin: $spacing-12 0 $spacing-4;
font-weight: var(--font-semi-bold);
}
@ -27,18 +36,9 @@ limitations under the License.
.mx_RoomSummaryCard_alias {
font-size: $font-13px;
color: $secondary-content;
overflow: hidden;
text-overflow: ellipsis;
}
h1,
.mx_RoomSummaryCard_alias {
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
white-space: pre-wrap;
}
.mx_RoomSummaryCard_avatar {
display: inline-flex;