Using proper zoom icon (#18338)

This commit is contained in:
Aasim Khan
2022-02-14 15:38:55 -08:00
committed by GitHub
parent 9e574ae602
commit 4dd59c6b8d
3 changed files with 9 additions and 1 deletions

View File

@@ -262,3 +262,4 @@ export const zoomInIconClassNames = [parentContainer, 'zoom-in-icon'].join(' ');
export const zoomOutIconClassNames = [parentContainer, 'zoom-out-icon'].join(' ');
export const customZoomIconClassNames = [parentContainer, 'custom-zoom-icon'].join(' ');
export const zoomToFitIconClassNames = [parentContainer, 'zoom-to-fit-icon'].join(' ');
export const zoomIconClassNames = [parentContainer, 'zoom-icon'].join(' ');

View File

@@ -292,4 +292,10 @@ However we always want it to be the width of the container it is resizing.
background-repeat: no-repeat;
}
.qps-container .zoom-icon {
background-image: url(../images/actionIcons/zoom.svg);
background-size: 16px 16px;
background-position: center;
background-repeat: no-repeat;
}

View File

@@ -15,6 +15,7 @@ import { localize } from 'vs/nls';
import { IContextViewService } from 'vs/platform/contextview/browser/contextView';
import { INotificationService } from 'vs/platform/notification/common/notification';
import { IThemeService } from 'vs/platform/theme/common/themeService';
import { zoomIconClassNames } from 'sql/workbench/contrib/queryplan2/browser/constants';
export class CustomZoomWidget extends QueryPlanWidgetBase {
private _actionBar: ActionBar;
@@ -70,7 +71,7 @@ export class CustomZoomAction extends Action {
public static LABEL = localize('zoomAction', "Zoom (Enter)");
constructor() {
super(CustomZoomAction.ID, CustomZoomAction.LABEL, Codicon.zoomOut.classNames);
super(CustomZoomAction.ID, CustomZoomAction.LABEL, zoomIconClassNames);
}
public override async run(context: CustomZoomWidget): Promise<void> {