diff --git a/src/vs/workbench/browser/parts/editor/media/tabstitle.css b/src/vs/workbench/browser/parts/editor/media/tabstitle.css index 73a54da80021c9b53054bb0c1ba2cd936499d97b..0de1bab26e73f7ac50ab22f42e7ee432232329ea 100644 --- a/src/vs/workbench/browser/parts/editor/media/tabstitle.css +++ b/src/vs/workbench/browser/parts/editor/media/tabstitle.css @@ -3,17 +3,25 @@ * Licensed under the MIT License. See License.txt in the project root for license information. *--------------------------------------------------------------------------------------------*/ +/* Tabs Container */ + +.monaco-workbench > .part.editor > .content > .one-editor-container > .title .tabs-container { + flex: 1; +} + /* Title Actions */ -.monaco-workbench > .part.editor > .content > .one-editor-container > .title .title-actions { - display: flex; + +.monaco-workbench > .part.editor > .content > .one-editor-container > .title .group-actions { flex: initial; + padding-left: 4px; + background-color: rgba(128, 128, 128, 0.2); } -.monaco-workbench > .part.editor > .content > .one-editor-container .title.inactive .title-actions { +.monaco-workbench > .part.editor > .content > .one-editor-container .title.inactive .group-actions { opacity: 0.5; } -.monaco-workbench > .part.editor > .content > .one-editor-container > .title .title-actions .action-label { +.monaco-workbench > .part.editor > .content > .one-editor-container > .title .group-actions .action-label { display: block; height: 35px; width: 28px; @@ -22,11 +30,6 @@ background-repeat: no-repeat; } -.monaco-workbench > .part.editor > .content > .one-editor-container > .title .title-actions .action-label .label { +.monaco-workbench > .part.editor > .content > .one-editor-container > .title .group-actions .action-label .label { display: none; -} - -.monaco-workbench > .part.editor > .content > .one-editor-container > .title .title-actions .editor-group-toolbar { - padding-left: 4px; - background-color: rgba(128, 128, 128, 0.2); } \ No newline at end of file diff --git a/src/vs/workbench/browser/parts/editor/tabsTitleControl.ts b/src/vs/workbench/browser/parts/editor/tabsTitleControl.ts index 3488a1819f328c4fd393348d5b8641a4a8265261..b795cc1b4a6959f6fcb184acda64cdfa726ccbbe 100644 --- a/src/vs/workbench/browser/parts/editor/tabsTitleControl.ts +++ b/src/vs/workbench/browser/parts/editor/tabsTitleControl.ts @@ -52,14 +52,21 @@ export class TabsTitleControl extends TitleControl { public create(parent: Builder): void { this.titleContainer = $(parent); + // Tabs Container + parent.div({ + 'class': 'tabs-container' + }, (div) => { + + + }); + // Group Actions Container parent.div({ - 'class': 'title-actions' + 'class': 'group-actions' }, (div) => { - // Editor actions + // Group actions toolbar this.groupActionsToolbar = this.doCreateToolbar(div); - this.groupActionsToolbar.getContainer().addClass('editor-group-toolbar'); }); } @@ -79,6 +86,15 @@ export class TabsTitleControl extends TitleControl { return; // return early if we are being closed } + const isActive = this.stacks.isActive(group); + + // Activity state + if (isActive) { + this.titleContainer.removeClass('inactive'); + } else { + this.titleContainer.addClass('inactive'); + } + // Update Group Actions Toolbar const groupActions = this.getGroupActions(group); const primaryGroupActions = prepareActions(groupActions.primary);