Fix a grid blowout due to nowrap displayName on a bubble with UTD (#8688)

luixxiul · web-flow · commit 8afb1abd36a2 · 2022-05-25T06:50:36.000+02:00
diff --git a/res/css/views/rooms/_EventBubbleTile.scss b/res/css/views/rooms/_EventBubbleTile.scss
@@ -493,17 +493,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;
+            min-width: 0; // Prevent a grid blowout due to nowrap displayName
         }
     }
 

Original file line number	Diff line number	Diff line change
`@@ -493,17 +493,22 @@ limitations under the License.`
`493`	`493`	`"shield body" auto`
`494`	`494`	`"shield link" auto`
`495`	`495`	`/ auto 1fr;`
	`496`	`+`
`496`	`497`	`.mx_EventTile_e2eIcon {`
`497`	`498`	`grid-area: shield;`
`498`	`499`	`}`
	`500`	`+`
`499`	`501`	`.mx_UnknownBody {`
`500`	`502`	`grid-area: body;`
`501`	`503`	`}`
	`504`	`+`
`502`	`505`	`.mx_EventTile_keyRequestInfo {`
`503`	`506`	`grid-area: link;`
`504`	`507`	`}`
	`508`	`+`
`505`	`509`	`.mx_ReplyChain_wrapper {`
`506`	`510`	`grid-area: reply;`
	`511`	`+ min-width: 0; // Prevent a grid blowout due to nowrap displayName`
`507`	`512`	`}`
`508`	`513`	`}`
`509`	`514`