layout.ts 22.2 KB
Newer Older
E
Erich Gamma 已提交
1 2 3 4 5 6
/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/
'use strict';

7
import { Dimension, Builder } from 'vs/base/browser/builder';
J
Johannes Rieken 已提交
8 9 10 11
import { Part } from 'vs/workbench/browser/part';
import { QuickOpenController } from 'vs/workbench/browser/parts/quickopen/quickOpenController';
import { Sash, ISashEvent, IVerticalSashLayoutProvider, IHorizontalSashLayoutProvider, Orientation } from 'vs/base/browser/ui/sash/sash';
import { IWorkbenchEditorService } from 'vs/workbench/services/editor/common/editorService';
12
import { IPartService, Position, ILayoutOptions, Parts } from 'vs/workbench/services/part/common/partService';
B
Benjamin Pasero 已提交
13
import { IViewletService } from 'vs/workbench/services/viewlet/browser/viewlet';
J
Johannes Rieken 已提交
14 15 16 17 18
import { IStorageService, StorageScope } from 'vs/platform/storage/common/storage';
import { IContextViewService } from 'vs/platform/contextview/browser/contextView';
import { IThemeService } from 'vs/workbench/services/themes/common/themeService';
import { IDisposable, dispose } from 'vs/base/common/lifecycle';
import { IEditorGroupService } from 'vs/workbench/services/group/common/groupService';
19
import { getZoomFactor } from 'vs/base/browser/browser';
E
Erich Gamma 已提交
20

21
const DEFAULT_MIN_SIDEBAR_PART_WIDTH = 170;
I
isidor 已提交
22
const DEFAULT_MIN_PANEL_PART_HEIGHT = 77;
23 24
const DEFAULT_MIN_EDITOR_PART_HEIGHT = 70;
const DEFAULT_MIN_EDITOR_PART_WIDTH = 220;
I
isidor 已提交
25
const DEFAULT_PANEL_HEIGHT_COEFFICIENT = 0.4;
E
Erich Gamma 已提交
26
const HIDE_SIDEBAR_WIDTH_THRESHOLD = 50;
I
isidor 已提交
27
const HIDE_PANEL_HEIGHT_THRESHOLD = 50;
E
Erich Gamma 已提交
28 29

interface ComputedStyles {
30 31
	titlebar: { height: number; };
	activitybar: { width: number; };
E
Erich Gamma 已提交
32
	sidebar: { minWidth: number; };
B
Benjamin Pasero 已提交
33
	panel: { minHeight: number; };
34
	editor: { minWidth: number; minHeight: number; };
E
Erich Gamma 已提交
35 36 37 38
	statusbar: { height: number; };
}

/**
B
Benjamin Pasero 已提交
39
 * The workbench layout is responsible to lay out all parts that make the Workbench.
E
Erich Gamma 已提交
40
 */
I
isidor 已提交
41
export class WorkbenchLayout implements IVerticalSashLayoutProvider, IHorizontalSashLayoutProvider {
E
Erich Gamma 已提交
42

I
isidor 已提交
43
	private static sashXWidthSettingsKey = 'workbench.sidebar.width';
I
isidor 已提交
44
	private static sashYHeightSettingsKey = 'workbench.panel.height';
E
Erich Gamma 已提交
45 46 47

	private parent: Builder;
	private workbenchContainer: Builder;
48
	private titlebar: Part;
E
Erich Gamma 已提交
49 50 51
	private activitybar: Part;
	private editor: Part;
	private sidebar: Part;
B
Benjamin Pasero 已提交
52
	private panel: Part;
E
Erich Gamma 已提交
53 54
	private statusbar: Part;
	private quickopen: QuickOpenController;
M
Martin Aeschlimann 已提交
55
	private toUnbind: IDisposable[];
E
Erich Gamma 已提交
56
	private computedStyles: ComputedStyles;
57
	private initialComputedStyles: ComputedStyles;
E
Erich Gamma 已提交
58
	private workbenchSize: Dimension;
I
isidor 已提交
59 60
	private sashX: Sash;
	private sashY: Sash;
E
Erich Gamma 已提交
61 62
	private startSidebarWidth: number;
	private sidebarWidth: number;
I
isidor 已提交
63
	private sidebarHeight: number;
64 65 66
	private titlebarHeight: number;
	private activitybarWidth: number;
	private statusbarHeight: number;
I
isidor 已提交
67 68
	private startPanelHeight: number;
	private panelHeight: number;
69
	private panelHeightBeforeMaximized: number;
I
isidor 已提交
70
	private panelWidth: number;
71
	private layoutEditorGroupsVertically: boolean;
E
Erich Gamma 已提交
72

I
isidor 已提交
73
	// Take parts as an object bag since instatation service does not have typings for constructors with 9+ arguments
E
Erich Gamma 已提交
74 75 76
	constructor(
		parent: Builder,
		workbenchContainer: Builder,
I
isidor 已提交
77
		parts: {
78
			titlebar: Part,
I
isidor 已提交
79 80 81 82 83 84
			activitybar: Part,
			editor: Part,
			sidebar: Part,
			panel: Part,
			statusbar: Part
		},
E
Erich Gamma 已提交
85 86 87 88
		quickopen: QuickOpenController,
		@IStorageService private storageService: IStorageService,
		@IContextViewService private contextViewService: IContextViewService,
		@IWorkbenchEditorService private editorService: IWorkbenchEditorService,
89
		@IEditorGroupService private editorGroupService: IEditorGroupService,
M
Martin Aeschlimann 已提交
90
		@IPartService private partService: IPartService,
M
Maxime Quandalle 已提交
91
		@IViewletService private viewletService: IViewletService,
B
Benjamin Pasero 已提交
92
		@IThemeService themeService: IThemeService
E
Erich Gamma 已提交
93 94 95
	) {
		this.parent = parent;
		this.workbenchContainer = workbenchContainer;
96
		this.titlebar = parts.titlebar;
I
isidor 已提交
97 98 99
		this.activitybar = parts.activitybar;
		this.editor = parts.editor;
		this.sidebar = parts.sidebar;
B
Benjamin Pasero 已提交
100
		this.panel = parts.panel;
I
isidor 已提交
101
		this.statusbar = parts.statusbar;
E
Erich Gamma 已提交
102 103 104
		this.quickopen = quickopen;
		this.toUnbind = [];
		this.computedStyles = null;
I
isidor 已提交
105
		this.panelHeightBeforeMaximized = 0;
106

I
isidor 已提交
107
		this.sashX = new Sash(this.workbenchContainer.getHTMLElement(), this, {
E
Erich Gamma 已提交
108 109
			baseSize: 5
		});
110

I
isidor 已提交
111
		this.sashY = new Sash(this.workbenchContainer.getHTMLElement(), this, {
I
isidor 已提交
112
			baseSize: 4,
I
isidor 已提交
113 114
			orientation: Orientation.HORIZONTAL
		});
E
Erich Gamma 已提交
115

I
isidor 已提交
116
		this.sidebarWidth = this.storageService.getInteger(WorkbenchLayout.sashXWidthSettingsKey, StorageScope.GLOBAL, -1);
I
isidor 已提交
117
		this.panelHeight = this.storageService.getInteger(WorkbenchLayout.sashYHeightSettingsKey, StorageScope.GLOBAL, 0);
E
Erich Gamma 已提交
118

119
		this.layoutEditorGroupsVertically = (this.editorGroupService.getGroupOrientation() !== 'horizontal');
120

M
Martin Aeschlimann 已提交
121
		this.toUnbind.push(themeService.onDidColorThemeChange(_ => this.relayout()));
122
		this.toUnbind.push(editorGroupService.onEditorsChanged(() => this.onEditorsChanged()));
123
		this.toUnbind.push(editorGroupService.onGroupOrientationChanged(e => this.onGroupOrientationChanged()));
M
Martin Aeschlimann 已提交
124

E
Erich Gamma 已提交
125 126 127 128 129
		this.registerSashListeners();
	}

	private registerSashListeners(): void {
		let startX: number = 0;
I
isidor 已提交
130
		let startY: number = 0;
E
Erich Gamma 已提交
131

A
Alex Dima 已提交
132
		this.sashX.addListener2('start', (e: ISashEvent) => {
E
Erich Gamma 已提交
133 134 135 136
			this.startSidebarWidth = this.sidebarWidth;
			startX = e.startX;
		});

A
Alex Dima 已提交
137
		this.sashY.addListener2('start', (e: ISashEvent) => {
I
isidor 已提交
138
			this.startPanelHeight = this.panelHeight;
I
isidor 已提交
139 140 141
			startY = e.startY;
		});

A
Alex Dima 已提交
142
		this.sashX.addListener2('change', (e: ISashEvent) => {
E
Erich Gamma 已提交
143 144
			let doLayout = false;
			let sidebarPosition = this.partService.getSideBarPosition();
145
			let isSidebarVisible = this.partService.isVisible(Parts.SIDEBAR_PART);
E
Erich Gamma 已提交
146 147 148
			let newSashWidth = (sidebarPosition === Position.LEFT) ? this.startSidebarWidth + e.currentX - startX : this.startSidebarWidth - e.currentX + startX;

			// Sidebar visible
149
			if (isSidebarVisible) {
E
Erich Gamma 已提交
150 151 152

				// Automatically hide side bar when a certain threshold is met
				if (newSashWidth + HIDE_SIDEBAR_WIDTH_THRESHOLD < this.computedStyles.sidebar.minWidth) {
153
					let dragCompensation = DEFAULT_MIN_SIDEBAR_PART_WIDTH - HIDE_SIDEBAR_WIDTH_THRESHOLD;
E
Erich Gamma 已提交
154
					this.partService.setSideBarHidden(true);
155
					startX = (sidebarPosition === Position.LEFT) ? Math.max(this.activitybarWidth, e.currentX - dragCompensation) : Math.min(e.currentX + dragCompensation, this.workbenchSize.width - this.activitybarWidth);
E
Erich Gamma 已提交
156 157 158 159 160 161 162 163 164 165 166 167 168 169 170 171 172 173 174 175 176 177 178 179 180
					this.sidebarWidth = this.startSidebarWidth; // when restoring sidebar, restore to the sidebar width we started from
				}

				// Otherwise size the sidebar accordingly
				else {
					this.sidebarWidth = Math.max(this.computedStyles.sidebar.minWidth, newSashWidth); // Sidebar can not become smaller than MIN_PART_WIDTH
					doLayout = newSashWidth >= this.computedStyles.sidebar.minWidth;
				}
			}

			// Sidebar hidden
			else {
				if ((sidebarPosition === Position.LEFT && e.currentX - startX >= this.computedStyles.sidebar.minWidth) ||
					(sidebarPosition === Position.RIGHT && startX - e.currentX >= this.computedStyles.sidebar.minWidth)) {
					this.startSidebarWidth = this.computedStyles.sidebar.minWidth - (sidebarPosition === Position.LEFT ? e.currentX - startX : startX - e.currentX);
					this.sidebarWidth = this.computedStyles.sidebar.minWidth;
					this.partService.setSideBarHidden(false);
				}
			}

			if (doLayout) {
				this.layout();
			}
		});

A
Alex Dima 已提交
181
		this.sashY.addListener2('change', (e: ISashEvent) => {
I
isidor 已提交
182
			let doLayout = false;
183
			let isPanelVisible = this.partService.isVisible(Parts.PANEL_PART);
I
isidor 已提交
184
			let newSashHeight = this.startPanelHeight - (e.currentY - startY);
I
isidor 已提交
185 186

			// Panel visible
187
			if (isPanelVisible) {
188

189 190 191 192
				// Automatically hide panel when a certain threshold is met
				if (newSashHeight + HIDE_PANEL_HEIGHT_THRESHOLD < this.computedStyles.panel.minHeight) {
					let dragCompensation = DEFAULT_MIN_PANEL_PART_HEIGHT - HIDE_PANEL_HEIGHT_THRESHOLD;
					this.partService.setPanelHidden(true);
193
					startY = Math.min(this.sidebarHeight - this.statusbarHeight - this.titlebarHeight, e.currentY + dragCompensation);
M
Maxime Quandalle 已提交
194
					this.panelHeight = this.startPanelHeight; // when restoring panel, restore to the panel height we started from
195 196 197 198 199 200 201 202
				}

				// Otherwise size the panel accordingly
				else {
					this.panelHeight = Math.max(this.computedStyles.panel.minHeight, newSashHeight); // Panel can not become smaller than MIN_PART_HEIGHT
					doLayout = newSashHeight >= this.computedStyles.panel.minHeight;
				}
			}
I
isidor 已提交
203

204 205 206 207 208 209 210
			// Panel hidden
			else {
				if (startY - e.currentY >= this.computedStyles.panel.minHeight) {
					this.startPanelHeight = 0;
					this.panelHeight = this.computedStyles.panel.minHeight;
					this.partService.setPanelHidden(false);
				}
I
isidor 已提交
211
			}
212

I
isidor 已提交
213 214 215 216 217
			if (doLayout) {
				this.layout();
			}
		});

A
Alex Dima 已提交
218
		this.sashX.addListener2('end', () => {
I
isidor 已提交
219 220
			this.storageService.store(WorkbenchLayout.sashXWidthSettingsKey, this.sidebarWidth, StorageScope.GLOBAL);
		});
M
Maxime Quandalle 已提交
221

A
Alex Dima 已提交
222
		this.sashY.addListener2('end', () => {
I
isidor 已提交
223
			this.storageService.store(WorkbenchLayout.sashYHeightSettingsKey, this.panelHeight, StorageScope.GLOBAL);
E
Erich Gamma 已提交
224
		});
M
Maxime Quandalle 已提交
225

A
Alex Dima 已提交
226
		this.sashY.addListener2('reset', () => {
I
isidor 已提交
227
			this.panelHeight = this.sidebarHeight * DEFAULT_PANEL_HEIGHT_COEFFICIENT;
M
Maxime Quandalle 已提交
228 229 230 231 232
			this.storageService.store(WorkbenchLayout.sashYHeightSettingsKey, this.panelHeight, StorageScope.GLOBAL);
			this.partService.setPanelHidden(false);
			this.layout();
		});

A
Alex Dima 已提交
233
		this.sashX.addListener2('reset', () => {
M
Maxime Quandalle 已提交
234 235
			let activeViewlet = this.viewletService.getActiveViewlet();
			let optimalWidth = activeViewlet && activeViewlet.getOptimalWidth();
236
			this.sidebarWidth = Math.max(DEFAULT_MIN_SIDEBAR_PART_WIDTH, optimalWidth || 0);
M
Maxime Quandalle 已提交
237 238 239 240
			this.storageService.store(WorkbenchLayout.sashXWidthSettingsKey, this.sidebarWidth, StorageScope.GLOBAL);
			this.partService.setSideBarHidden(false);
			this.layout();
		});
E
Erich Gamma 已提交
241 242
	}

243
	private onEditorsChanged(): void {
E
Erich Gamma 已提交
244

245
		// Make sure that we layout properly in case we detect that the sidebar or panel is large enought to cause
E
Erich Gamma 已提交
246 247
		// multiple opened editors to go below minimal size. The fix is to trigger a layout for any editor
		// input change that falls into this category.
248
		if (this.workbenchSize && (this.sidebarWidth || this.panelHeight)) {
E
Erich Gamma 已提交
249
			let visibleEditors = this.editorService.getVisibleEditors().length;
250
			if (visibleEditors > 1) {
251 252
				const sidebarOverflow = this.layoutEditorGroupsVertically && (this.workbenchSize.width - this.sidebarWidth < visibleEditors * DEFAULT_MIN_EDITOR_PART_WIDTH);
				const panelOverflow = !this.layoutEditorGroupsVertically && (this.workbenchSize.height - this.panelHeight < visibleEditors * DEFAULT_MIN_EDITOR_PART_HEIGHT);
253 254 255 256

				if (sidebarOverflow || panelOverflow) {
					this.layout();
				}
E
Erich Gamma 已提交
257 258 259 260
			}
		}
	}

261 262
	private onGroupOrientationChanged(): void {
		const newLayoutEditorGroupsVertically = (this.editorGroupService.getGroupOrientation() !== 'horizontal');
263

264 265
		const doLayout = this.layoutEditorGroupsVertically !== newLayoutEditorGroupsVertically;
		this.layoutEditorGroupsVertically = newLayoutEditorGroupsVertically;
266 267 268 269 270 271

		if (doLayout) {
			this.layout();
		}
	}

M
Martin Aeschlimann 已提交
272
	private relayout(): void {
E
Erich Gamma 已提交
273

M
Martin Aeschlimann 已提交
274 275 276 277 278
		// Recompute Styles
		this.computeStyle();
		this.editor.getLayout().computeStyle();
		this.sidebar.getLayout().computeStyle();
		this.panel.getLayout().computeStyle();
E
Erich Gamma 已提交
279

M
Martin Aeschlimann 已提交
280 281
		// Trigger Layout
		this.layout();
E
Erich Gamma 已提交
282 283 284
	}

	private computeStyle(): void {
285
		const titlebarStyle = this.titlebar.getContainer().getComputedStyle();
I
isidor 已提交
286
		const sidebarStyle = this.sidebar.getContainer().getComputedStyle();
B
Benjamin Pasero 已提交
287
		const panelStyle = this.panel.getContainer().getComputedStyle();
I
isidor 已提交
288 289
		const editorStyle = this.editor.getContainer().getComputedStyle();
		const activitybarStyle = this.activitybar.getContainer().getComputedStyle();
B
Benjamin Pasero 已提交
290
		const statusbarStyle = this.statusbar.getContainer().getComputedStyle();
E
Erich Gamma 已提交
291

292
		// Determine styles by looking into their CSS
E
Erich Gamma 已提交
293
		this.computedStyles = {
294 295 296
			titlebar: {
				height: parseInt(titlebarStyle.getPropertyValue('height'), 10)
			},
E
Erich Gamma 已提交
297
			activitybar: {
298
				width: parseInt(activitybarStyle.getPropertyValue('width'), 10)
E
Erich Gamma 已提交
299 300
			},
			sidebar: {
301
				minWidth: parseInt(sidebarStyle.getPropertyValue('min-width'), 10) || DEFAULT_MIN_SIDEBAR_PART_WIDTH
E
Erich Gamma 已提交
302
			},
I
isidor 已提交
303
			panel: {
B
Benjamin Pasero 已提交
304
				minHeight: parseInt(panelStyle.getPropertyValue('min-height'), 10) || DEFAULT_MIN_PANEL_PART_HEIGHT
I
isidor 已提交
305
			},
E
Erich Gamma 已提交
306
			editor: {
307 308
				minWidth: parseInt(editorStyle.getPropertyValue('min-width'), 10) || DEFAULT_MIN_EDITOR_PART_WIDTH,
				minHeight: DEFAULT_MIN_EDITOR_PART_HEIGHT
E
Erich Gamma 已提交
309 310
			},
			statusbar: {
311
				height: parseInt(statusbarStyle.getPropertyValue('height'), 10)
E
Erich Gamma 已提交
312 313
			}
		};
314 315 316 317 318

		// Always keep the initial computed styles
		if (!this.initialComputedStyles) {
			this.initialComputedStyles = this.computedStyles;
		}
E
Erich Gamma 已提交
319 320
	}

B
Benjamin Pasero 已提交
321
	public layout(options?: ILayoutOptions): void {
322
		if (options && options.forceStyleRecompute) {
E
Erich Gamma 已提交
323 324 325
			this.computeStyle();
			this.editor.getLayout().computeStyle();
			this.sidebar.getLayout().computeStyle();
B
Benjamin Pasero 已提交
326
			this.panel.getLayout().computeStyle();
E
Erich Gamma 已提交
327 328 329 330 331 332 333 334
		}

		if (!this.computedStyles) {
			this.computeStyle();
		}

		this.workbenchSize = this.getWorkbenchArea();

335
		const isActivityBarHidden = !this.partService.isVisible(Parts.ACTIVITYBAR_PART);
336 337 338 339
		const isTitlebarHidden = !this.partService.isVisible(Parts.TITLEBAR_PART);
		const isPanelHidden = !this.partService.isVisible(Parts.PANEL_PART);
		const isStatusbarHidden = !this.partService.isVisible(Parts.STATUSBAR_PART);
		const isSidebarHidden = !this.partService.isVisible(Parts.SIDEBAR_PART);
I
isidor 已提交
340
		const sidebarPosition = this.partService.getSideBarPosition();
E
Erich Gamma 已提交
341 342 343 344 345 346 347 348 349 350 351

		// Sidebar
		let sidebarWidth: number;
		if (isSidebarHidden) {
			sidebarWidth = 0;
		} else if (this.sidebarWidth !== -1) {
			sidebarWidth = Math.max(this.computedStyles.sidebar.minWidth, this.sidebarWidth);
		} else {
			sidebarWidth = this.workbenchSize.width / 5;
			this.sidebarWidth = sidebarWidth;
		}
B
Benjamin Pasero 已提交
352

353
		this.statusbarHeight = isStatusbarHidden ? 0 : this.computedStyles.statusbar.height;
354
		this.titlebarHeight = isTitlebarHidden ? 0 : this.initialComputedStyles.titlebar.height / getZoomFactor(); // adjust for zoom prevention
E
Erich Gamma 已提交
355

356
		this.sidebarHeight = this.workbenchSize.height - this.statusbarHeight - this.titlebarHeight;
I
isidor 已提交
357
		let sidebarSize = new Dimension(sidebarWidth, this.sidebarHeight);
E
Erich Gamma 已提交
358 359

		// Activity Bar
B
Benjamin Pasero 已提交
360
		this.activitybarWidth = isActivityBarHidden ? 0 : this.computedStyles.activitybar.width;
361
		let activityBarSize = new Dimension(this.activitybarWidth, sidebarSize.height);
E
Erich Gamma 已提交
362

I
isidor 已提交
363 364
		// Panel part
		let panelHeight: number;
I
isidor 已提交
365
		const maxPanelHeight = sidebarSize.height - DEFAULT_MIN_EDITOR_PART_HEIGHT;
I
isidor 已提交
366
		if (isPanelHidden) {
I
isidor 已提交
367
			panelHeight = 0;
I
isidor 已提交
368
		} else if (this.panelHeight > 0) {
I
isidor 已提交
369
			panelHeight = Math.min(maxPanelHeight, Math.max(this.computedStyles.panel.minHeight, this.panelHeight));
I
isidor 已提交
370
		} else {
I
isidor 已提交
371
			panelHeight = sidebarSize.height * DEFAULT_PANEL_HEIGHT_COEFFICIENT;
I
isidor 已提交
372
		}
B
Benjamin Pasero 已提交
373
		if (options && options.toggleMaximizedPanel) {
374 375 376
			const heightToSwap = panelHeight;
			panelHeight = panelHeight === maxPanelHeight ? Math.max(this.computedStyles.panel.minHeight, Math.min(this.panelHeightBeforeMaximized, maxPanelHeight)) : maxPanelHeight;
			this.panelHeightBeforeMaximized = heightToSwap;
I
isidor 已提交
377
		}
I
isidor 已提交
378
		const panelDimension = new Dimension(this.workbenchSize.width - sidebarSize.width - activityBarSize.width, panelHeight);
I
isidor 已提交
379
		this.panelWidth = panelDimension.width;
I
isidor 已提交
380

E
Erich Gamma 已提交
381 382 383 384 385 386 387 388
		// Editor
		let editorSize = {
			width: 0,
			height: 0,
			remainderLeft: 0,
			remainderRight: 0
		};

389 390
		editorSize.width = panelDimension.width;
		editorSize.height = sidebarSize.height - panelDimension.height;
E
Erich Gamma 已提交
391 392 393

		// Sidebar hidden
		if (isSidebarHidden) {
394
			editorSize.width = Math.min(this.workbenchSize.width - activityBarSize.width, this.workbenchSize.width - this.activitybarWidth);
E
Erich Gamma 已提交
395 396 397 398 399 400 401 402 403 404 405 406

			if (sidebarPosition === Position.LEFT) {
				editorSize.remainderLeft = Math.round((this.workbenchSize.width - editorSize.width + activityBarSize.width) / 2);
				editorSize.remainderRight = this.workbenchSize.width - editorSize.width - editorSize.remainderLeft;
			} else {
				editorSize.remainderRight = Math.round((this.workbenchSize.width - editorSize.width + activityBarSize.width) / 2);
				editorSize.remainderLeft = this.workbenchSize.width - editorSize.width - editorSize.remainderRight;
			}
		}

		// Assert Sidebar and Editor Size to not overflow
		let editorMinWidth = this.computedStyles.editor.minWidth;
407
		let editorMinHeight = this.computedStyles.editor.minHeight;
E
Erich Gamma 已提交
408 409
		let visibleEditorCount = this.editorService.getVisibleEditors().length;
		if (visibleEditorCount > 1) {
410
			if (this.layoutEditorGroupsVertically) {
411 412 413 414
				editorMinWidth *= visibleEditorCount; // when editors layout vertically, multiply the min editor width by number of visible editors
			} else {
				editorMinHeight *= visibleEditorCount; // when editors layout horizontally, multiply the min editor height by number of visible editors
			}
E
Erich Gamma 已提交
415
		}
B
Benjamin Pasero 已提交
416

E
Erich Gamma 已提交
417 418 419
		if (editorSize.width < editorMinWidth) {
			let diff = editorMinWidth - editorSize.width;
			editorSize.width = editorMinWidth;
420
			panelDimension.width = editorMinWidth;
E
Erich Gamma 已提交
421
			sidebarSize.width -= diff;
422 423 424 425 426 427 428 429
			sidebarSize.width = Math.max(DEFAULT_MIN_SIDEBAR_PART_WIDTH, sidebarSize.width);
		}

		if (editorSize.height < editorMinHeight) {
			let diff = editorMinHeight - editorSize.height;
			editorSize.height = editorMinHeight;
			panelDimension.height -= diff;
			panelDimension.height = Math.max(DEFAULT_MIN_PANEL_PART_HEIGHT, panelDimension.height);
E
Erich Gamma 已提交
430 431 432 433
		}

		if (!isSidebarHidden) {
			this.sidebarWidth = sidebarSize.width;
I
isidor 已提交
434
			this.storageService.store(WorkbenchLayout.sashXWidthSettingsKey, this.sidebarWidth, StorageScope.GLOBAL);
E
Erich Gamma 已提交
435 436
		}

I
isidor 已提交
437 438 439
		if (!isPanelHidden) {
			this.panelHeight = panelDimension.height;
			this.storageService.store(WorkbenchLayout.sashYHeightSettingsKey, this.panelHeight, StorageScope.GLOBAL);
I
isidor 已提交
440 441
		}

E
Erich Gamma 已提交
442 443
		// Workbench
		this.workbenchContainer
444
			.position(0, 0, 0, 0, 'relative')
E
Erich Gamma 已提交
445 446
			.size(this.workbenchSize.width, this.workbenchSize.height);

B
Benjamin Pasero 已提交
447 448 449 450 451 452 453
		// Bug on Chrome: Sometimes Chrome wants to scroll the workbench container on layout changes. The fix is to reset scrolling in this case.
		const workbenchContainer = this.workbenchContainer.getHTMLElement();
		if (workbenchContainer.scrollTop > 0) {
			workbenchContainer.scrollTop = 0;
		}
		if (workbenchContainer.scrollLeft > 0) {
			workbenchContainer.scrollLeft = 0;
E
Erich Gamma 已提交
454 455
		}

456 457 458 459 460 461 462
		// Title Part
		if (isTitlebarHidden) {
			this.titlebar.getContainer().hide();
		} else {
			this.titlebar.getContainer().show();
		}

I
isidor 已提交
463
		// Editor Part and Panel part
E
Erich Gamma 已提交
464
		this.editor.getContainer().size(editorSize.width, editorSize.height);
B
Benjamin Pasero 已提交
465
		this.panel.getContainer().size(panelDimension.width, panelDimension.height);
E
Erich Gamma 已提交
466

467
		const editorBottom = this.statusbarHeight + panelDimension.height;
E
Erich Gamma 已提交
468
		if (isSidebarHidden) {
469 470
			this.editor.getContainer().position(this.titlebarHeight, editorSize.remainderRight, editorBottom, editorSize.remainderLeft);
			this.panel.getContainer().position(editorSize.height + this.titlebarHeight, editorSize.remainderRight, this.statusbarHeight, editorSize.remainderLeft);
E
Erich Gamma 已提交
471
		} else if (sidebarPosition === Position.LEFT) {
472 473
			this.editor.getContainer().position(this.titlebarHeight, 0, editorBottom, sidebarSize.width + activityBarSize.width);
			this.panel.getContainer().position(editorSize.height + this.titlebarHeight, 0, this.statusbarHeight, sidebarSize.width + activityBarSize.width);
E
Erich Gamma 已提交
474
		} else {
475 476
			this.editor.getContainer().position(this.titlebarHeight, sidebarSize.width, editorBottom, 0);
			this.panel.getContainer().position(editorSize.height + this.titlebarHeight, sidebarSize.width, this.statusbarHeight, 0);
E
Erich Gamma 已提交
477 478 479
		}

		// Activity Bar Part
B
Benjamin Pasero 已提交
480
		this.activitybar.getContainer().size(null, activityBarSize.height);
E
Erich Gamma 已提交
481 482
		if (sidebarPosition === Position.LEFT) {
			this.activitybar.getContainer().getHTMLElement().style.right = '';
483
			this.activitybar.getContainer().position(this.titlebarHeight, null, 0, 0);
E
Erich Gamma 已提交
484 485
		} else {
			this.activitybar.getContainer().getHTMLElement().style.left = '';
486
			this.activitybar.getContainer().position(this.titlebarHeight, 0, 0, null);
E
Erich Gamma 已提交
487
		}
B
Benjamin Pasero 已提交
488 489 490 491 492
		if (isActivityBarHidden) {
			this.activitybar.getContainer().hide();
		} else {
			this.activitybar.getContainer().show();
		}
E
Erich Gamma 已提交
493 494 495 496 497

		// Sidebar Part
		this.sidebar.getContainer().size(sidebarSize.width, sidebarSize.height);

		if (sidebarPosition === Position.LEFT) {
498
			this.sidebar.getContainer().position(this.titlebarHeight, editorSize.width, 0, activityBarSize.width);
E
Erich Gamma 已提交
499
		} else {
500
			this.sidebar.getContainer().position(this.titlebarHeight, null, 0, editorSize.width);
E
Erich Gamma 已提交
501 502 503
		}

		// Statusbar Part
504
		this.statusbar.getContainer().position(this.workbenchSize.height - this.statusbarHeight);
505 506 507 508 509
		if (isStatusbarHidden) {
			this.statusbar.getContainer().hide();
		} else {
			this.statusbar.getContainer().show();
		}
E
Erich Gamma 已提交
510 511 512 513

		// Quick open
		this.quickopen.layout(this.workbenchSize);

I
isidor 已提交
514 515 516
		// Sashes
		this.sashX.layout();
		this.sashY.layout();
E
Erich Gamma 已提交
517 518

		// Propagate to Part Layouts
519
		this.titlebar.layout(new Dimension(this.workbenchSize.width, this.titlebarHeight));
E
Erich Gamma 已提交
520 521
		this.editor.layout(new Dimension(editorSize.width, editorSize.height));
		this.sidebar.layout(sidebarSize);
B
Benjamin Pasero 已提交
522
		this.panel.layout(panelDimension);
523
		this.activitybar.layout(activityBarSize);
E
Erich Gamma 已提交
524 525

		// Propagate to Context View
B
Benjamin Pasero 已提交
526
		this.contextViewService.layout();
E
Erich Gamma 已提交
527 528 529 530 531 532 533 534
	}

	private getWorkbenchArea(): Dimension {

		// Client Area: Parent
		let clientArea = this.parent.getClientArea();

		// Workbench: Client Area - Margins
535
		return clientArea;
E
Erich Gamma 已提交
536 537 538
	}

	public getVerticalSashTop(sash: Sash): number {
539
		return this.titlebarHeight;
E
Erich Gamma 已提交
540 541 542
	}

	public getVerticalSashLeft(sash: Sash): number {
543
		let isSidebarVisible = this.partService.isVisible(Parts.SIDEBAR_PART);
E
Erich Gamma 已提交
544 545 546
		let sidebarPosition = this.partService.getSideBarPosition();

		if (sidebarPosition === Position.LEFT) {
547
			return isSidebarVisible ? this.sidebarWidth + this.activitybarWidth : this.activitybarWidth;
E
Erich Gamma 已提交
548 549
		}

550
		return isSidebarVisible ? this.workbenchSize.width - this.sidebarWidth - this.activitybarWidth : this.workbenchSize.width - this.activitybarWidth;
E
Erich Gamma 已提交
551 552 553
	}

	public getVerticalSashHeight(sash: Sash): number {
I
isidor 已提交
554
		return this.sidebarHeight;
E
Erich Gamma 已提交
555 556
	}

I
isidor 已提交
557
	public getHorizontalSashTop(sash: Sash): number {
558 559
		// Horizontal sash should be a bit lower than the editor area, thus add 2px #5524
		return 2 + (this.partService.isVisible(Parts.PANEL_PART) ? this.sidebarHeight - this.panelHeight + this.titlebarHeight : this.sidebarHeight + this.titlebarHeight);
I
isidor 已提交
560 561 562
	}

	public getHorizontalSashLeft(sash: Sash): number {
563
		return this.partService.getSideBarPosition() === Position.LEFT ? this.getVerticalSashLeft(sash) : 0;
I
isidor 已提交
564 565 566
	}

	public getHorizontalSashWidth(sash: Sash): number {
I
isidor 已提交
567
		return this.panelWidth;
I
isidor 已提交
568 569
	}

E
Erich Gamma 已提交
570
	public dispose(): void {
M
Martin Aeschlimann 已提交
571 572 573
		if (this.toUnbind) {
			dispose(this.toUnbind);
			this.toUnbind = null;
E
Erich Gamma 已提交
574 575
		}
	}
B
Benjamin Pasero 已提交
576
}