fix devtools overflowing it's container on version update

T4rk1n · T4rk1n · commit 035966ad16e8 · 2025-12-18T10:09:47.000-05:00
diff --git a/dash/dash-renderer/src/components/error/menu/DebugMenu.css b/dash/dash-renderer/src/components/error/menu/DebugMenu.css
@@ -140,7 +140,8 @@
     max-width: 50px;
 }
 .dash-debug-menu__outer.dash-debug-menu__outer--expanded {
-    max-width: 682px;
+    max-width: calc(100vw - 50px);
+    overflow-x: auto;
 }
 
 .dash-debug-menu__upgrade-tooltip {
@@ -184,6 +185,7 @@
     align-items: stretch;
     margin-left: 15px;
     transition: all 0.5s ease;
+    flex-shrink: 0;
 }
 
 .dash-debug-menu__version {

Original file line number	Diff line number	Diff line change
`@@ -140,7 +140,8 @@`
`140`	`140`	`max-width: 50px;`
`141`	`141`	`}`
`142`	`142`	`.dash-debug-menu__outer.dash-debug-menu__outer--expanded {`
`143`		`- max-width: 682px;`
	`143`	`+ max-width: calc(100vw - 50px);`
	`144`	`+ overflow-x: auto;`
`144`	`145`	`}`
`145`	`146`
`146`	`147`	`.dash-debug-menu__upgrade-tooltip {`
`@@ -184,6 +185,7 @@`
`184`	`185`	`align-items: stretch;`
`185`	`186`	`margin-left: 15px;`
`186`	`187`	`transition: all 0.5s ease;`
	`188`	`+ flex-shrink: 0;`
`187`	`189`	`}`
`188`	`190`
`189`	`191`	`.dash-debug-menu__version {`