Prevent overflow of grid items on a bubble with UTD generally (#8697)

luixxiul · web-flow · commit 12abbf4042d8 · 2022-05-27T10:41:53.000+01:00
diff --git a/res/css/views/rooms/_EventBubbleTile.scss b/res/css/views/rooms/_EventBubbleTile.scss
@@ -496,6 +496,13 @@ limitations under the License.
                 "shield link" auto
                 / auto  1fr;
 
+            .mx_UnknownBody,
+            .mx_EventTile_keyRequestInfo,
+            .mx_ReplyChain_wrapper,
+            .mx_ViewSourceEvent {
+                min-width: 0; // Prevent a grid blowout
+            }
+
             .mx_EventTile_e2eIcon {
                 grid-area: shield;
             }
@@ -510,7 +517,6 @@ limitations under the License.
 
             .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
`@@ -496,6 +496,13 @@ limitations under the License.`
`496`	`496`	`"shield link" auto`
`497`	`497`	`/ auto 1fr;`
`498`	`498`
	`499`	`+ .mx_UnknownBody,`
	`500`	`+ .mx_EventTile_keyRequestInfo,`
	`501`	`+ .mx_ReplyChain_wrapper,`
	`502`	`+ .mx_ViewSourceEvent {`
	`503`	`+ min-width: 0; // Prevent a grid blowout`
	`504`	`+ }`
	`505`	`+`
`499`	`506`	`.mx_EventTile_e2eIcon {`
`500`	`507`	`grid-area: shield;`
`501`	`508`	`}`
`@@ -510,7 +517,6 @@ limitations under the License.`
`510`	`517`
`511`	`518`	`.mx_ReplyChain_wrapper {`
`512`	`519`	`grid-area: reply;`
`513`		`- min-width: 0; // Prevent a grid blowout due to nowrap displayName`
`514`	`520`	`}`
`515`	`521`	`}`
`516`	`522`