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

Align EventTile_line with display name on message bubble (#8692)

pull/28788/head^2
Suguru Hirahara 2022-05-25 14:08:43 +00:00 committed by GitHub
parent 249d52c6f3
commit dbd9911fe7
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 3 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
res/css/views/rooms/_EventBubbleTile.scss
View File

@ -111,8 +111,10 @@ limitations under the License.
.mx_DisambiguatedProfile, .mx_DisambiguatedProfile,
.mx_EventTile_line { .mx_EventTile_line {
--EventBubbleTile_line-max-width: 70%;
width: fit-content; width: fit-content;
max-width: var(--EventBubbleTile_line-max-width); max-width: var(--EventBubbleTile_line-max-width); // Align message bubble and displayName
line-height: $font-18px; // fixed line height to prevent emoji from being taller than text line-height: $font-18px; // fixed line height to prevent emoji from being taller than text
} }
@ -264,7 +266,6 @@ limitations under the License.
.mx_EventTile_line { .mx_EventTile_line {
--EventBubbleTile_line-margin-inline-end: -12px; --EventBubbleTile_line-margin-inline-end: -12px;
--EventBubbleTile_line-max-width: 70%;
position: relative; position: relative;
display: flex; display: flex;