mirror of
https://github.com/ckaczor/azuredatastudio.git
synced 2026-01-13 17:22:15 -05:00
Using proper zoom icon (#18338)
This commit is contained in:
@@ -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(' ');
|
||||
|
||||
@@ -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;
|
||||
}
|
||||
|
||||
|
||||
@@ -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> {
|
||||
|
||||
Reference in New Issue
Block a user