Fix dialog width for undocked DevTools

Lightning00Blade · Devtools-frontend LUCI CQ · commit a0151c20eaaa · 2025-03-21T08:00:13.000-07:00
Bug: none Change-Id: I819e3671f84eade93c5e3014a08b8b208cf4e5a6 Reviewed-on: https://chromium-review.googlesource.com/c/devtools/devtools-frontend/+/6382413 Commit-Queue: Nikolay Vitkov <nvitkov@chromium.org> Auto-Submit: Nikolay Vitkov <nvitkov@chromium.org> Commit-Queue: Kateryna Prokopenko <kprokopenko@chromium.org> Reviewed-by: Kateryna Prokopenko <kprokopenko@chromium.org>
diff --git a/front_end/ui/legacy/dialog.css b/front_end/ui/legacy/dialog.css
@@ -11,7 +11,7 @@
   justify-content: flex-start;
   align-items: stretch;
   display: flex;
-  min-width: var(--sys-size-30);
+  min-width: min(100vw, var(--sys-size-30));
 }
 
 .dialog-close-button {

Original file line number	Diff line number	Diff line change
`@@ -11,7 +11,7 @@`
`11`	`11`	`justify-content: flex-start;`
`12`	`12`	`align-items: stretch;`
`13`	`13`	`display: flex;`
`14`		`- min-width: var(--sys-size-30);`
	`14`	`+ min-width: min(100vw, var(--sys-size-30));`
`15`	`15`	`}`
`16`	`16`
`17`	`17`	`.dialog-close-button {`