diff --git a/src/vs/workbench/parts/extensions/electron-browser/extensions.contribution.ts b/src/vs/workbench/parts/extensions/electron-browser/extensions.contribution.ts index 202a4044293..2ad0be015ff 100644 --- a/src/vs/workbench/parts/extensions/electron-browser/extensions.contribution.ts +++ b/src/vs/workbench/parts/extensions/electron-browser/extensions.contribution.ts @@ -3,7 +3,7 @@ * Licensed under the MIT License. See License.txt in the project root for license information. *--------------------------------------------------------------------------------------------*/ -import 'vs/css!./extensions'; +import 'vs/css!./media/extensions'; import platform = require('vs/platform/platform'); import { registerSingleton } from 'vs/platform/instantiation/common/extensions'; import statusbar = require('vs/workbench/browser/parts/statusbar/statusbar'); @@ -25,5 +25,5 @@ registerSingleton(IGalleryService, GalleryService); (platform.Registry.as(statusbar.Extensions.Statusbar)).registerStatusbarItem(new statusbar.StatusbarItemDescriptor( ExtensionsStatusbarItem, statusbar.StatusbarAlignment.LEFT, - 10 /* Low Priority */ + 10000 )); diff --git a/src/vs/workbench/parts/extensions/electron-browser/extensionsWidgets.ts b/src/vs/workbench/parts/extensions/electron-browser/extensionsWidgets.ts index 7d19b076508..8c68370326f 100644 --- a/src/vs/workbench/parts/extensions/electron-browser/extensionsWidgets.ts +++ b/src/vs/workbench/parts/extensions/electron-browser/extensionsWidgets.ts @@ -39,8 +39,6 @@ export class ExtensionsStatusbarItem implements statusbar.IStatusbarItem { this.domNode = append(container, $('a.extensions-statusbar')); this.domNode.onclick = () => this.onClick(); - append(this.domNode, $('span.octicon.octicon-package')); - _(this.extensionService.onReady()).done(() => { const status = this.extensionService.getExtensionsStatus(); const errors = Object.keys(status) diff --git a/src/vs/workbench/parts/extensions/electron-browser/media/extensions-status.svg b/src/vs/workbench/parts/extensions/electron-browser/media/extensions-status.svg new file mode 100644 index 00000000000..c4b591d0d3e --- /dev/null +++ b/src/vs/workbench/parts/extensions/electron-browser/media/extensions-status.svg @@ -0,0 +1,12 @@ + + + + + + + + diff --git a/src/vs/workbench/parts/extensions/electron-browser/extensions.css b/src/vs/workbench/parts/extensions/electron-browser/media/extensions.css similarity index 93% rename from src/vs/workbench/parts/extensions/electron-browser/extensions.css rename to src/vs/workbench/parts/extensions/electron-browser/media/extensions.css index 734b254a3b9..5e501e556a4 100644 --- a/src/vs/workbench/parts/extensions/electron-browser/extensions.css +++ b/src/vs/workbench/parts/extensions/electron-browser/media/extensions.css @@ -135,26 +135,21 @@ /* Status bar */ .monaco-shell .extensions-statusbar { - padding: 0 4px; -} - -.monaco-shell .extensions-statusbar span:not(:first-child) { - padding-left: 4px; -} - -.monaco-shell .extensions-statusbar > .octicon { position: relative; - font-size: 14px; + padding: 0 5px; + width: 14px; + background: url('extensions-status.svg') center center no-repeat; + background-size: 14px; } -.monaco-shell .extensions-statusbar.has-errors > .octicon::after { +.monaco-shell .extensions-statusbar.has-errors::after { content: ''; width: 6px; height: 6px; background-color: #CC6633; position: absolute; - top: 0; - right: 0; + top: 2px; + right: 3px; border-radius: 10px; border: 1px solid white; }