[GreenDevFloaty]: Fix problems with squished conversation messages.

finnurbreki · devtools-frontend-scoped@luci-project-accounts.iam.gserviceaccount.com · commit 9c972c76865d · 2026-04-16T02:50:07.000-07:00
This is a fix for large conversation messages squishing other conversation messages (vertically) and often also the controls at the bottom (inside the blue box). Bug: None Change-Id: I5c9b3679161e55f386ea1a039a556615f375ab4f Reviewed-on: https://chromium-review.googlesource.com/c/devtools/devtools-frontend/+/7766592 Auto-Submit: Finnur Thorarinsson <finnur@chromium.org> Commit-Queue: Alina Varkki <alinavarkki@chromium.org> Reviewed-by: Alina Varkki <alinavarkki@chromium.org>
diff --git a/front_end/entrypoints/greendev_floaty/floaty.css b/front_end/entrypoints/greendev_floaty/floaty.css
@@ -99,6 +99,8 @@ html, body {
   overflow-wrap: break-word;
   line-height: 1.4;
   white-space: pre-wrap; /* Preserve newlines */
+  flex-shrink: 0;
+  min-height: min-content;
 }
 
 .user-message {
@@ -182,6 +184,7 @@ html, body {
   flex-direction: column;
   gap: 8px;
   border: 1px solid #d3e3fd;
+  flex-shrink: 0;
 }
 
 .green-dev-floaty-dialog-node-description {

Original file line number	Diff line number	Diff line change
`@@ -99,6 +99,8 @@ html, body {`
`99`	`99`	`overflow-wrap: break-word;`
`100`	`100`	`line-height: 1.4;`
`101`	`101`	`white-space: pre-wrap; /* Preserve newlines */`
	`102`	`+ flex-shrink: 0;`
	`103`	`+ min-height: min-content;`
`102`	`104`	`}`
`103`	`105`
`104`	`106`	`.user-message {`
`@@ -182,6 +184,7 @@ html, body {`
`182`	`184`	`flex-direction: column;`
`183`	`185`	`gap: 8px;`
`184`	`186`	`border: 1px solid #d3e3fd;`
	`187`	`+ flex-shrink: 0;`
`185`	`188`	`}`
`186`	`189`
`187`	`190`	`.green-dev-floaty-dialog-node-description {`