css cleanup

src/vs/workbench/browser/parts/editor/media/notabstitle.css

@@ -54,19 +54,19 @@
 }
 
 .vs .monaco-workbench > .part.editor > .content > .one-editor-container > .title .title-label a {
-	color: #333333;
+	color: rgba(51, 51, 51, 0.5);
 }
 
-.vs .monaco-workbench > .part.editor > .content > .one-editor-container .title.inactive .title-label a {
-	color: rgba(51, 51, 51, 0.5);
+.vs .monaco-workbench > .part.editor > .content > .one-editor-container .title.active .title-label a {
+	color: #333333;
 }
 
 .vs-dark .monaco-workbench > .part.editor > .content > .one-editor-container > .title .title-label a {
-	color: white;
+	color: rgba(255, 255, 255, 0.5);
 }
 
-.vs-dark .monaco-workbench > .part.editor > .content > .one-editor-container .title.inactive .title-label a {
-	color: rgba(255, 255, 255, 0.5);
+.vs-dark .monaco-workbench > .part.editor > .content > .one-editor-container .title.active .title-label a {
+	color: white;
 }
 
 /* Title Description */
@@ -89,10 +89,11 @@
 .monaco-workbench > .part.editor > .content > .one-editor-container > .title .title-actions {
 	display: flex;
 	flex: initial;
+	opacity: 0.5;
 }
 
-.monaco-workbench > .part.editor > .content > .one-editor-container .title.inactive .title-actions {
-	opacity: 0.5;
+.monaco-workbench > .part.editor > .content > .one-editor-container .title.active .title-actions {
+	opacity: 1;
 }
 
 .monaco-workbench > .part.editor > .content > .one-editor-container > .title .title-actions .action-label {

src/vs/workbench/browser/parts/editor/media/tabstitle.css

@@ -26,7 +26,9 @@
 	white-space: nowrap;
 	cursor: pointer;
 	border-left: 1px solid rgba(128, 128, 128, 0.2);
+	border-bottom: 1px solid rgba(128, 128, 128, 0.2);
 	box-sizing: border-box;
+	opacity: 0.7;
 	padding-left: 10px;
 }
 
@@ -34,20 +36,20 @@
 	border-left: 0;
 }
 
-.monaco-workbench > .part.editor > .content > .one-editor-container > .title .tabs-container > .tab.inactive {
-	border-bottom: 1px solid rgba(128, 128, 128, 0.2);
-	opacity: 0.7;
+.monaco-workbench > .part.editor > .content > .one-editor-container > .title .tabs-container > .tab.active {
+	border-bottom: 0;
+	opacity: 1;
 }
 
 /* Tab Close */
 
-.monaco-workbench > .part.editor > .content > .one-editor-container .title > .tabs-container > .tab.inactive > .tab-close,
-.monaco-workbench > .part.editor > .content > .one-editor-container .title.inactive > .tabs-container > .tab > .tab-close {
+.monaco-workbench > .part.editor > .content > .one-editor-container .title > .tabs-container > .tab > .tab-close {
 	opacity: 0;
 }
 
-.monaco-workbench > .part.editor > .content > .one-editor-container .title > .tabs-container > .tab:hover > .tab-close,
-.monaco-workbench > .part.editor > .content > .one-editor-container .title > .tabs-container > .tab.dirty > .tab-close {
+.monaco-workbench > .part.editor > .content > .one-editor-container .title.active > .tabs-container > .tab.active > .tab-close,
+.monaco-workbench > .part.editor > .content > .one-editor-container .title > .tabs-container > .tab.dirty > .tab-close,
+.monaco-workbench > .part.editor > .content > .one-editor-container .title > .tabs-container > .tab:hover > .tab-close {
 	opacity: 1;
 }
 
@@ -72,9 +74,6 @@
 .monaco-workbench > .part.editor > .content > .one-editor-container > .title > .tabs-container > .tab .tab-label {
 	line-height: 35px;
 	white-space: nowrap;
-	overflow: hidden;
-	text-overflow: ellipsis;
-	position: relative;
 	flex: 1;
 	font-style: italic;
 }
@@ -90,19 +89,19 @@
 }
 
 .vs .monaco-workbench > .part.editor > .content > .one-editor-container > .title > .tabs-container > .tab .tab-label a {
-	color: #333333;
+	color: rgba(51, 51, 51, 0.5);
 }
 
-.vs .monaco-workbench > .part.editor > .content > .one-editor-container .title.inactive > .tabs-container > .tab .tab-label a {
-	color: rgba(51, 51, 51, 0.5);
+.vs .monaco-workbench > .part.editor > .content > .one-editor-container .title.active > .tabs-container > .tab .tab-label a {
+	color: #333333;
 }
 
 .vs-dark .monaco-workbench > .part.editor > .content > .one-editor-container > .title > .tabs-container > .tab .tab-label a {
-	color: white;
+	color: rgba(255, 255, 255, 0.5);
 }
 
-.vs-dark .monaco-workbench > .part.editor > .content > .one-editor-container .title.inactive > .tabs-container > .tab .tab-label a {
-	color: rgba(255, 255, 255, 0.5);
+.vs-dark .monaco-workbench > .part.editor > .content > .one-editor-container .title.active > .tabs-container > .tab .tab-label a {
+	color: white;
 }
 
 /* Group Actions */

src/vs/workbench/browser/parts/editor/noTabsTitleControl.ts

@@ -158,9 +158,9 @@ export class NoTabsTitleControl extends TitleControl {
 
 		// Activity state
 		if (isActive) {
-			this.titleContainer.removeClass('inactive');
+			this.titleContainer.addClass('active');
 		} else {
-			this.titleContainer.addClass('inactive');
+			this.titleContainer.removeClass('active');
 		}
 
 		// Editor Title

src/vs/workbench/browser/parts/editor/tabsTitleControl.ts

@@ -6,6 +6,7 @@
 'use strict';
 
 import 'vs/css!./media/tabstitle';
+import nls = require('vs/nls');
 import {prepareActions} from 'vs/workbench/browser/actionBarRegistry';
 import arrays = require('vs/base/common/arrays');
 import errors = require('vs/base/common/errors');
@@ -94,9 +95,9 @@ export class TabsTitleControl extends TitleControl {
 		// Activity state
 		const isActive = this.stacks.isActive(group);
 		if (isActive) {
-			this.titleContainer.removeClass('inactive');
+			this.titleContainer.addClass('active');
 		} else {
-			this.titleContainer.addClass('inactive');
+			this.titleContainer.removeClass('active');
 		}
 
 		// Refresh Tabs
@@ -144,9 +145,9 @@ export class TabsTitleControl extends TitleControl {
 
 				// Active state
 				if (isActive) {
-					tab.removeClass('inactive');
+					tab.addClass('active');
 				} else {
-					tab.addClass('inactive');
+					tab.removeClass('active');
 				}
 
 				// Dirty State
@@ -167,7 +168,7 @@ export class TabsTitleControl extends TitleControl {
 				tab.div({
 					'class': 'tab-close'
 				}, (div) => {
-					const bar = new ActionBar(div, { context: { editor, group } });
+					const bar = new ActionBar(div, { context: { editor, group }, ariaLabel: nls.localize('araLabelTabActions', "Tab actions") });
 					bar.push(this.closeEditorAction, { icon: true, label: false });
 
 					this.tabActionBars.push(bar);