From dbd9911fe763a60d1ba2e38c4155c7188722c7ad Mon Sep 17 00:00:00 2001 From: Suguru Hirahara Date: Wed, 25 May 2022 14:08:43 +0000 Subject: [PATCH] Align EventTile_line with display name on message bubble (#8692) --- res/css/views/rooms/_EventBubbleTile.scss | 5 +++-- 1 file changed, 3 insertions(+), 2 deletions(-) diff --git a/res/css/views/rooms/_EventBubbleTile.scss b/res/css/views/rooms/_EventBubbleTile.scss index ff91410eb6..6e648d4e57 100644 --- a/res/css/views/rooms/_EventBubbleTile.scss +++ b/res/css/views/rooms/_EventBubbleTile.scss @@ -111,8 +111,10 @@ limitations under the License. .mx_DisambiguatedProfile, .mx_EventTile_line { + --EventBubbleTile_line-max-width: 70%; + 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 } @@ -264,7 +266,6 @@ limitations under the License. .mx_EventTile_line { --EventBubbleTile_line-margin-inline-end: -12px; - --EventBubbleTile_line-max-width: 70%; position: relative; display: flex;