From a9a97d1be38cf9c8b923670b1ecb4ddf60bf600e Mon Sep 17 00:00:00 2001
From: Suguru Hirahara <luixxiul@users.noreply.github.com>
Date: Mon, 27 Jun 2022 13:16:40 +0000
Subject: [PATCH] Maximize width value of display name on TimelineCard with
 IRC/modern layout (#8904)

* Set 100% max-width to mx_DisambiguatedProfile on TimelineCard

Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com>

* Unset the max-width value inside ReplyTile

Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com>
---
 res/css/views/right_panel/_TimelineCard.scss | 5 +++++
 1 file changed, 5 insertions(+)

diff --git a/res/css/views/right_panel/_TimelineCard.scss b/res/css/views/right_panel/_TimelineCard.scss
index ac982bf0fd8..93eb6c1b4e9 100644
--- a/res/css/views/right_panel/_TimelineCard.scss
+++ b/res/css/views/right_panel/_TimelineCard.scss
@@ -49,8 +49,13 @@ limitations under the License.
                 margin-inline-start: var(--BaseCard_EventTile-spacing-inline);
             }
 
+            .mx_DisambiguatedProfile {
+                max-width: calc(100% - var(--BaseCard_EventTile-spacing-inline)); // instead of $left-gutter
+            }
+
             .mx_ReplyTile .mx_DisambiguatedProfile {
                 margin-inline-start: 0;
+                max-width: unset;
             }
 
             .mx_ReactionsRow {