Maximize width value of display name on TimelineCard with IRC/modern layout (#8904)

luixxiul · web-flow · commit a9a97d1be38c · 2022-06-27T15:16:40.000+02:00
* Set 100% max-width to mx_DisambiguatedProfile on TimelineCard

Signed-off-by: Suguru Hirahara &lt;luixxiul@users.noreply.github.com&gt;

* Unset the max-width value inside ReplyTile

Signed-off-by: Suguru Hirahara &lt;luixxiul@users.noreply.github.com&gt;
diff --git 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 {

Original file line number	Diff line number	Diff line change
`@@ -49,8 +49,13 @@ limitations under the License.`
`49`	`49`	`margin-inline-start: var(--BaseCard_EventTile-spacing-inline);`
`50`	`50`	`}`
`51`	`51`
	`52`	`+ .mx_DisambiguatedProfile {`
	`53`	`+ max-width: calc(100% - var(--BaseCard_EventTile-spacing-inline)); // instead of $left-gutter`
	`54`	`+ }`
	`55`	`+`
`52`	`56`	`.mx_ReplyTile .mx_DisambiguatedProfile {`
`53`	`57`	`margin-inline-start: 0;`
	`58`	`+ max-width: unset;`
`54`	`59`	`}`
`55`	`60`
`56`	`61`	`.mx_ReactionsRow {`