fix(chart-playground-web): stop editor panel content overflowing into the panel

yordan-st · yordan-st · commit c973e7132fe5 · 2026-07-21T18:05:53.000+02:00
below
diff --git a/packages/pluggableWidgets/chart-playground-web/src/ui/Sidebar.scss b/packages/pluggableWidgets/chart-playground-web/src/ui/Sidebar.scss
@@ -87,8 +87,15 @@
 
 .widget-custom-config {
     height: var(--top-panel-h);
+    // --panel-header-1 and --editor-h are sized to sum exactly to --top-panel-h; flex +
+    // overflow: hidden is a safety clamp if that arithmetic ever drifts (zoom rounding, a
+    // header wrapping to two lines), not load-bearing for the normal case.
+    display: flex;
+    flex-flow: column nowrap;
+    overflow: hidden;
 
     .widget-panel-header {
+        flex: 0 0 auto;
         justify-content: space-between;
     }
 }

Original file line number	Diff line number	Diff line change
`@@ -87,8 +87,15 @@`
`87`	`87`
`88`	`88`	`.widget-custom-config {`
`89`	`89`	`height: var(--top-panel-h);`
	`90`	`+ // --panel-header-1 and --editor-h are sized to sum exactly to --top-panel-h; flex +`
	`91`	`+ // overflow: hidden is a safety clamp if that arithmetic ever drifts (zoom rounding, a`
	`92`	`+ // header wrapping to two lines), not load-bearing for the normal case.`
	`93`	`+ display: flex;`
	`94`	`+ flex-flow: column nowrap;`
	`95`	`+ overflow: hidden;`
`90`	`96`
`91`	`97`	`.widget-panel-header {`
	`98`	`+ flex: 0 0 auto;`
`92`	`99`	`justify-content: space-between;`
`93`	`100`	`}`
`94`	`101`	`}`