start growing when width is big enough

sandy081 · sandy081 · commit 5d4e856d40eb · 2019-11-07T09:33:46.000+01:00
diff --git a/src/vs/workbench/contrib/markers/browser/markersPanelActions.ts b/src/vs/workbench/contrib/markers/browser/markersPanelActions.ts
@@ -116,7 +116,9 @@ export class MarkersFilterAction extends Action {
 	}
 
 	layout(width: number): void {
-		if (width < 400) {
+		if (width > 600) {
+			this.class = 'markers-panel-action-filter grow';
+		} else if (width < 400) {
 			this.class = 'markers-panel-action-filter small';
 		} else {
 			this.class = 'markers-panel-action-filter';
@@ -133,6 +135,7 @@ export interface IMarkerFilterController {
 export class MarkersFilterActionViewItem extends BaseActionViewItem {
 
 	private delayedFilterUpdate: Delayer<void>;
+	private container: HTMLElement | null = null;
 	private filterInputBox: HistoryInputBox | null = null;
 	private filterBadge: HTMLElement | null = null;
 	private focusContextKey: IContextKey<boolean>;
@@ -154,9 +157,10 @@ export class MarkersFilterActionViewItem extends BaseActionViewItem {
 	}
 
 	render(container: HTMLElement): void {
-		DOM.addClass(container, 'markers-panel-action-filter-container');
+		this.container = container;
+		DOM.addClass(this.container, 'markers-panel-action-filter-container');
 
-		this.element = DOM.append(container, DOM.$(''));
+		this.element = DOM.append(this.container, DOM.$(''));
 		this.element.className = this.action.class || '';
 		this.createInput(this.element);
 		this.createControls(this.element);
@@ -303,8 +307,9 @@ export class MarkersFilterActionViewItem extends BaseActionViewItem {
 	}
 
 	protected updateClass(): void {
-		if (this.element) {
+		if (this.element && this.container) {
 			this.element.className = this.action.class || '';
+			DOM.toggleClass(this.container, 'grow', DOM.hasClass(this.element, 'grow'));
 			this.adjustInputBox();
 		}
 	}
diff --git a/src/vs/workbench/contrib/markers/browser/media/markers.css b/src/vs/workbench/contrib/markers/browser/media/markers.css
@@ -4,7 +4,6 @@
  *--------------------------------------------------------------------------------------------*/
 
 .monaco-action-bar .action-item.markers-panel-action-filter-container {
-	flex: 1;
 	cursor: default;
 	display: flex;
 }
@@ -52,6 +51,11 @@
 	margin-right: 10px;
 }
 
+.markers-panel-container .monaco-action-bar.markers-panel-filter-container .action-item.markers-panel-action-filter-container,
+.panel > .title .monaco-action-bar .action-item.markers-panel-action-filter-container.grow {
+	flex: 1;
+}
+
 .markers-panel .markers-panel-container {
 	height: 100%;
 }

Original file line number	Diff line number	Diff line change
`@@ -4,7 +4,6 @@`
`4`	`4`	`--------------------------------------------------------------------------------------------/`
`5`	`5`
`6`	`6`	`.monaco-action-bar .action-item.markers-panel-action-filter-container {`
`7`		`- flex: 1;`
`8`	`7`	`cursor: default;`
`9`	`8`	`display: flex;`
`10`	`9`	`}`
`@@ -52,6 +51,11 @@`
`52`	`51`	`margin-right: 10px;`
`53`	`52`	`}`
`54`	`53`
	`54`	`+.markers-panel-container .monaco-action-bar.markers-panel-filter-container .action-item.markers-panel-action-filter-container,`
	`55`	`+.panel > .title .monaco-action-bar .action-item.markers-panel-action-filter-container.grow {`
	`56`	`+ flex: 1;`
	`57`	`+}`
	`58`	`+`
`55`	`59`	`.markers-panel .markers-panel-container {`
`56`	`60`	`height: 100%;`
`57`	`61`	`}`