imterah/element-portable
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Fix other user's displayName being wrapped on the bubble message layout (#8456)

Browse source
This commit is contained in:
Suguru Hirahara 2022-05-22 07:07:29 +00:00 • committed by GitHub
parent 6825b43f42
commit 11cb48176e
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
4 changed files with 22 additions and 15 deletions
Download patch file Download diff file Expand all files Collapse all files

18
res/css/views/rooms/_EventBubbleTile.scss
View file

@ -117,6 +117,24 @@ limitations under the License.
line-height: $font-18px;
}
// other users profile on bubble layout
> .mx_DisambiguatedProfile {
white-space: normal; // display mxid
.mx_DisambiguatedProfile_displayName {
white-space: nowrap; // truncate long display names
margin-inline-end: 5px;
// For RTL displayName
unicode-bidi: embed;
direction: ltr;
}
.mx_DisambiguatedProfile_mxid {
margin-inline-start: 0; // Align mxid with truncated displayName inside mx_EventTile[data-layout=bubble]
}
}
// inside mx_RoomView_MessageList, outside of mx_ReplyTile
// (on the main panel and the chat panel with a maximized widget)
> .mx_DisambiguatedProfile,