From 14a8b1e69e57dcf39f68e1c45226854c38fcb9ec Mon Sep 17 00:00:00 2001
From: Suguru Hirahara <luixxiul@users.noreply.github.com>
Date: Mon, 20 Jun 2022 14:26:34 +0000
Subject: [PATCH] Set 100% max-width to display name on reply tiles (#8867)

---
 res/css/views/rooms/_EventBubbleTile.scss | 1 +
 res/css/views/rooms/_EventTile.scss       | 2 +-
 res/css/views/rooms/_IRCLayout.scss       | 1 -
 3 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/res/css/views/rooms/_EventBubbleTile.scss b/res/css/views/rooms/_EventBubbleTile.scss
index 4230102574..9cbad9fa4f 100644
--- a/res/css/views/rooms/_EventBubbleTile.scss
+++ b/res/css/views/rooms/_EventBubbleTile.scss
@@ -249,6 +249,7 @@ limitations under the License.
 
         .mx_ReplyTile .mx_DisambiguatedProfile {
             display: block;
+            max-width: 100%;
         }
 
         .mx_ReactionsRow {
diff --git a/res/css/views/rooms/_EventTile.scss b/res/css/views/rooms/_EventTile.scss
index 6e73059705..d531f3932b 100644
--- a/res/css/views/rooms/_EventTile.scss
+++ b/res/css/views/rooms/_EventTile.scss
@@ -76,6 +76,7 @@ $threadInfoLineHeight: calc(2 * $font-12px); // See: _commons.scss
         > .mx_DisambiguatedProfile {
             line-height: $font-20px;
             margin-left: $left-gutter;
+            max-width: calc(100% - $left-gutter);
         }
 
         > .mx_EventTile_avatar {
@@ -152,7 +153,6 @@ $threadInfoLineHeight: calc(2 * $font-12px); // See: _commons.scss
         display: inline-block;
         padding-bottom: 0px;
         padding-top: 0px;
-        max-width: calc(100% - $left-gutter);
     }
 
     &.mx_EventTile_isEditing .mx_MessageTimestamp {
diff --git a/res/css/views/rooms/_IRCLayout.scss b/res/css/views/rooms/_IRCLayout.scss
index 6c0e70f7f1..cd481b2ee3 100644
--- a/res/css/views/rooms/_IRCLayout.scss
+++ b/res/css/views/rooms/_IRCLayout.scss
@@ -218,7 +218,6 @@ $irc-line-height: $font-18px;
         margin: 0;
         .mx_DisambiguatedProfile {
             order: unset;
-            max-width: unset;
             width: unset;
             background: transparent;
         }