Opt debug console filter box into nice overflow behavior (#169342)

Also fix an issue with the body height calculation when the filter box is in the body
Fix #140540

src/vs/base/browser/ui/selectBox/selectBox.css

@@ -23,7 +23,7 @@
 
 .monaco-action-bar .action-item .monaco-select-box {
 	cursor: pointer;
-	min-width: 110px;
+	min-width: 70px;
 	min-height: 18px;
 	padding: 2px 23px 2px 8px;
 }

src/vs/workbench/browser/parts/views/media/views.css

@@ -274,7 +274,7 @@
 
 .panel > .title .monaco-action-bar .action-item.viewpane-filter-container {
 	max-width: 400px;
-	min-width: 300px;
+	min-width: 150px;
 	margin-right: 10px;
 }
 

src/vs/workbench/browser/parts/views/viewPane.ts

@@ -689,9 +689,11 @@ export abstract class FilterViewPane extends ViewPane {
 			this.updateActions();
 			if (!shouldShowFilterInHeader) {
 				append(this.filterContainer!, this.filterWidget.element);
-				height = height - 44;
 			}
 		}
+		if (!shouldShowFilterInHeader) {
+			height = height - 44;
+		}
 		this.filterWidget.layout(width);
 		this.layoutBodyContent(height, width);
 	}

src/vs/workbench/contrib/debug/browser/repl.ts

@@ -491,10 +491,6 @@ export class Repl extends FilterViewPane implements IHistoryNavigationWidget {
 		this.replInput.layout({ width: width - 30, height: replInputHeight });
 	}
 
-	override shouldShowFilterInHeader(): boolean {
-		return true;
-	}
-
 	collapseAll(): void {
 		this.tree.collapseAll();
 	}