* Fix query history icons

* Capitalize description text
This commit is contained in:
Charles Gagnon
2019-10-01 10:07:27 -07:00
committed by Karl Burtram
parent cd4660abaa
commit f0b6180e15
9 changed files with 60 additions and 6 deletions

View File

@@ -0,0 +1,7 @@
<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M10 12.6L10.7 13.3L12.3 11.7L13.9 13.3L14.7 12.6L13 11L14.7 9.40005L13.9 8.60005L12.3 10.3L10.7 8.60005L10 9.40005L11.6 11L10 12.6Z" fill="#C5C5C5"/>
<path d="M1 4L15 4L15 3L1 3L1 4Z" fill="#C5C5C5"/>
<path d="M1 7L15 7L15 6L1 6L1 7Z" fill="#C5C5C5"/>
<path d="M9 9.5L9 9L1 9L1 10L9 10L9 9.5Z" fill="#C5C5C5"/>
<path d="M9 13L9 12.5L9 12L1 12L1 13L9 13Z" fill="#C5C5C5"/>
</svg>

After

Width:  |  Height:  |  Size: 484 B

View File

@@ -0,0 +1,7 @@
<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M10 12.6L10.7 13.3L12.3 11.7L13.9 13.3L14.7 12.6L13 11L14.7 9.40005L13.9 8.60005L12.3 10.3L10.7 8.60005L10 9.40005L11.6 11L10 12.6Z" fill="white"/>
<path d="M1 4L15 4L15 3L1 3L1 4Z" fill="white"/>
<path d="M1 7L15 7L15 6L1 6L1 7Z" fill="white"/>
<path d="M9 9.5L9 9L1 9L1 10L9 10L9 9.5Z" fill="white"/>
<path d="M9 13L9 12.5L9 12L1 12L1 13L9 13Z" fill="white"/>
</svg>

After

Width:  |  Height:  |  Size: 474 B

View File

@@ -0,0 +1,7 @@
<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M10 12.6L10.7 13.3L12.3 11.7L13.9 13.3L14.7 12.6L13 11L14.7 9.40005L13.9 8.60005L12.3 10.3L10.7 8.60005L10 9.40005L11.6 11L10 12.6Z" fill="#424242"/>
<path d="M1 4L15 4L15 3L1 3L1 4Z" fill="#424242"/>
<path d="M1 7L15 7L15 6L1 6L1 7Z" fill="#424242"/>
<path d="M9 9.5L9 9L1 9L1 10L9 10L9 9.5Z" fill="#424242"/>
<path d="M9 13L9 12.5L9 12L1 12L1 13L9 13Z" fill="#424242"/>
</svg>

After

Width:  |  Height:  |  Size: 484 B

View File

@@ -0,0 +1 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><defs><style>.icon-canvas-transparent,.icon-vs-out{fill:#f6f6f6;}.icon-canvas-transparent{opacity:0;}.icon-vs-action-blue{fill:#00539c;}</style></defs><title>pause</title><g id="canvas"><path class="icon-canvas-transparent" d="M16,0V16H0V0Z"/></g><g id="outline" style="display: none;"><path class="icon-vs-out" d="M13,2V14H8.5V2ZM3,14H7.5V2H3Z"/></g><g id="iconBg"><path class="icon-vs-action-blue" d="M4,3H6.5V13H4ZM9.5,3V13H12V3Z"/></g></svg>

After

Width:  |  Height:  |  Size: 505 B

View File

@@ -0,0 +1 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><defs><style>.icon-canvas-transparent,.icon-vs-out{fill:#252526;}.icon-canvas-transparent{opacity:0;}.icon-vs-action-blue{fill:#75beff;}</style></defs><title>pause</title><g id="canvas"><path class="icon-canvas-transparent" d="M16,0V16H0V0Z"/></g><g id="outline" style="display: none;"><path class="icon-vs-out" d="M13,2V14H8.5V2ZM3,14H7.5V2H3Z"/></g><g id="iconBg"><path class="icon-vs-action-blue" d="M4,3H6.5V13H4ZM9.5,3V13H12V3Z"/></g></svg>

After

Width:  |  Height:  |  Size: 505 B

View File

@@ -54,3 +54,32 @@
background-image: url("status_error.svg"); background-image: url("status_error.svg");
} }
.monaco-workbench .clear-query-history-action.clear-query-history {
background: url('clear-light.svg') center center no-repeat;
}
.vs-dark .monaco-workbench .clear-query-history-action.clear-query-history {
background: url('clear-dark.svg') center center no-repeat;
}
.hc-black .monaco-workbench .clear-query-history-action.clear-query-history {
background: url('clear-hc.svg') center center no-repeat;
}
.monaco-workbench .toggle-query-history-capture-action.toggle-query-history-capture-pause {
background: url('pause.svg') center center no-repeat;
}
.vs-dark .monaco-workbench .toggle-query-history-capture-action.toggle-query-history-capture-pause,
.hc-black .monaco-workbench .toggle-query-history-capture-action.toggle-query-history-capture-pause {
background: url('pause_inverse.svg') center center no-repeat;
}
.monaco-workbench .toggle-query-history-capture-action.toggle-query-history-capture-start {
background: url('start.svg') center center no-repeat;
}
.vs-dark .monaco-workbench .toggle-query-history-capture-action.toggle-query-history-capture-start,
.hc-black .monaco-workbench .toggle-query-history-capture-action.toggle-query-history-capture-start {
background: url('start_inverse.svg') center center no-repeat;
}

View File

@@ -0,0 +1 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><defs><style>.icon-canvas-transparent,.icon-vs-out{fill:#f6f6f6;}.icon-canvas-transparent{opacity:0;}.icon-vs-action-green{fill:#388a34;}</style></defs><title>continue</title><g id="canvas"><path class="icon-canvas-transparent" d="M16,0V16H0V0Z"/></g><g id="outline" style="display: none;"><path class="icon-vs-out" d="M14.334,8,3.667,16H3V0h.667Z"/></g><g id="iconBg"><path class="icon-vs-action-green" d="M4,1.5v13L12.667,8,4,1.5Z"/></g></svg>

After

Width:  |  Height:  |  Size: 506 B

View File

@@ -0,0 +1 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><defs><style>.icon-canvas-transparent,.icon-vs-out{fill:#252526;}.icon-canvas-transparent{opacity:0;}.icon-vs-action-green{fill:#89d185;}</style></defs><title>continue</title><g id="canvas"><path class="icon-canvas-transparent" d="M16,0V16H0V0Z"/></g><g id="outline" style="display: none;"><path class="icon-vs-out" d="M14.334,8,3.667,16H3V0h.667Z"/></g><g id="iconBg"><path class="icon-vs-action-green" d="M4,1.5v13L12.667,8,4,1.5Z"/></g></svg>

After

Width:  |  Height:  |  Size: 506 B

View File

@@ -59,7 +59,7 @@ export class ClearHistoryAction extends Action {
label: string, label: string,
@ICommandService private _commandService: ICommandService @ICommandService private _commandService: ICommandService
) { ) {
super(id, label, 'clear-query-history-action codicon-clear-all'); super(id, label, 'clear-query-history-action clear-query-history');
} }
public async run(): Promise<void> { public async run(): Promise<void> {
@@ -108,7 +108,7 @@ export class RunQueryAction extends Action {
export class ToggleQueryHistoryCaptureAction extends Action { export class ToggleQueryHistoryCaptureAction extends Action {
public static ID = 'queryHistory.toggleCapture'; public static ID = 'queryHistory.toggleCapture';
public static LABEL = localize('queryHistory.toggleCaptureLabel', "Toggle Query History capture"); public static LABEL = localize('queryHistory.toggleCaptureLabel', "Toggle Query History Capture");
constructor( constructor(
id: string, id: string,
@@ -127,11 +127,11 @@ export class ToggleQueryHistoryCaptureAction extends Action {
private setClassAndLabel(enabled: boolean) { private setClassAndLabel(enabled: boolean) {
if (enabled) { if (enabled) {
this.class = 'toggle-query-history-capture-action codicon-pause'; this.class = 'toggle-query-history-capture-action toggle-query-history-capture-pause';
this.label = localize('queryHistory.disableCapture', "Pause Query History capture"); this.label = localize('queryHistory.disableCapture', "Pause Query History Capture");
} else { } else {
this.class = 'toggle-query-history-capture-action codicon-play'; this.class = 'toggle-query-history-capture-action toggle-query-history-capture-start';
this.label = localize('queryHistory.enableCapture', "Start Query History capture"); this.label = localize('queryHistory.enableCapture', "Start Query History Capture");
} }
} }
} }