diff --git a/src/vs/workbench/parts/files/browser/media/explorerviewlet.css b/src/vs/workbench/parts/files/browser/media/explorerviewlet.css index 5f8ed80fa0fea23013699a3da399898e5372ef73..22378cf0c87b6aad3edee587e86e8318e12a7d3c 100644 --- a/src/vs/workbench/parts/files/browser/media/explorerviewlet.css +++ b/src/vs/workbench/parts/files/browser/media/explorerviewlet.css @@ -82,6 +82,12 @@ border: none; } +.explorer-viewlet .explorer-open-editors .monaco-tree .monaco-tree-row .open-editor > .description { + opacity: .7; + margin-left: .5em; + font-size: .9em; +} + /* Theming */ .vs-dark .monaco-workbench .explorer-viewlet .collapsible.header .action-close-all-files { background: url("closeall_inverse.svg") center center no-repeat; diff --git a/src/vs/workbench/parts/files/browser/views/openEditorsViewer.ts b/src/vs/workbench/parts/files/browser/views/openEditorsViewer.ts index 28e358d2aefc4fa629f1e8a865315154d27b8b20..16fd4e7deb70eec1961fe55180ba960eb710568c 100644 --- a/src/vs/workbench/parts/files/browser/views/openEditorsViewer.ts +++ b/src/vs/workbench/parts/files/browser/views/openEditorsViewer.ts @@ -46,6 +46,8 @@ export class DataSource implements tree.IDataSource { interface IEditorTemplateData { root: HTMLElement; + name: HTMLSpanElement; + description: HTMLSpanElement; } interface IEditorGroupTemplateData { @@ -80,6 +82,8 @@ export class Renderer implements tree.IRenderer { const editorTemplate: IEditorTemplateData = Object.create(null); editorTemplate.root = dom.append(container, $('.open-editor')); + editorTemplate.name = dom.append(editorTemplate.root, $('span.name')); + editorTemplate.description = dom.append(editorTemplate.root, $('span.description')); return editorTemplate; } @@ -97,7 +101,8 @@ export class Renderer implements tree.IRenderer { } private renderOpenEditor(tree: tree.ITree, editor: EditorInput, templateData: IEditorTemplateData): void { - templateData.root.textContent = editor.getName(); + templateData.name.textContent = editor.getName(); + templateData.description.textContent = editor.getDescription(); } public disposeTemplate(tree: tree.ITree, templateId: string, templateData: any): void {