From 38f23b5f6db1774413bc271980738373f4421183 Mon Sep 17 00:00:00 2001
From: Suguru Hirahara <luixxiul@users.noreply.github.com>
Date: Sun, 24 Apr 2022 18:26:03 +0000
Subject: [PATCH] Fix user name overflow on bubble message

Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com>
---
 res/css/views/rooms/_EventBubbleTile.scss | 11 ++++++++++-
 1 file changed, 10 insertions(+), 1 deletion(-)

diff --git a/res/css/views/rooms/_EventBubbleTile.scss b/res/css/views/rooms/_EventBubbleTile.scss
index 4329d37c0eb..062c676d5d8 100644
--- a/res/css/views/rooms/_EventBubbleTile.scss
+++ b/res/css/views/rooms/_EventBubbleTile.scss
@@ -91,11 +91,14 @@ limitations under the License.
     .mx_DisambiguatedProfile,
     .mx_EventTile_line {
         width: fit-content;
-        max-width: 70%;
         // fixed line height to prevent emoji from being taller than text
         line-height: $font-18px;
     }
 
+    .mx_DisambiguatedProfile {
+        max-width: 100%;
+    }
+
     > .mx_DisambiguatedProfile {
         position: relative;
         top: -2px;
@@ -214,6 +217,7 @@ limitations under the License.
         margin: 0 -12px 0 -9px;
         border-top-left-radius: var(--cornerRadius);
         border-top-right-radius: var(--cornerRadius);
+        max-width: 70%;
 
         // the selector here is quite weird because timestamps can appear linked & unlinked and in different places
         // in the DOM depending on the specific rendering context
@@ -433,17 +437,22 @@ limitations under the License.
             "shield body" auto
             "shield link" auto
             / auto  1fr;
+
         .mx_EventTile_e2eIcon {
             grid-area: shield;
         }
+
         .mx_UnknownBody {
             grid-area: body;
         }
+
         .mx_EventTile_keyRequestInfo {
             grid-area: link;
         }
+
         .mx_ReplyChain_wrapper {
             grid-area: reply;
+            overflow: hidden; // for DisambiguatedProfile
         }
     }