Microsoft/vscode
1
0
Fork 0
mirror of https://github.com/microsoft/vscode.git synced 2026-04-23 01:58:53 +01:00
Code Issues Packages Projects Releases Wiki Activity

extensions status bar: bring back icon

Browse Source
This commit is contained in:
Joao Moreno
2016-03-10 16:59:24 +01:00
parent cb97ad6156
commit 0377434adc
4 changed files with 21 additions and 16 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
src/vs/workbench/parts/extensions/electron-browser/extensions.contribution.ts
View File

@@ -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);
(<statusbar.IStatusbarRegistry>platform.Registry.as(statusbar.Extensions.Statusbar)).registerStatusbarItem(new statusbar.StatusbarItemDescriptor(
ExtensionsStatusbarItem,
statusbar.StatusbarAlignment.LEFT,
10 /* Low Priority */
10000
));

2
src/vs/workbench/parts/extensions/electron-browser/extensionsWidgets.ts
View File

@@ -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)

12
src/vs/workbench/parts/extensions/electron-browser/media/extensions-status.svg Normal file
View File

@@ -0,0 +1,12 @@
<?xml version="1.0" encoding="utf-8"?>
<!-- Generator: Adobe Illustrator 19.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
viewBox="0 0 60 60" style="enable-background:new 0 0 60 60;" xml:space="preserve">
<style type="text/css">
.st0{fill:#FFFFFF;}
</style>
<g id="iconBg">
<path class="st0" d="M12.9,47.1H30V60H0V0h25.7v12.9H12.9V47.1z M17.1,42.9h25.7V17.1H17.1V42.9z M30,0v12.9h8.6V8.6h12.9v12.9
h-4.3V30H60V0H30z M47.1,47.1H34.3V60H60V34.3H47.1V47.1z"/>
</g>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 625 B

19
src/vs/workbench/parts/extensions/electron-browser/extensions.css → src/vs/workbench/parts/extensions/electron-browser/media/extensions.css
View File

@@ -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;
}