diff --git a/src/sql/base/browser/ui/checkbox/checkbox.ts b/src/sql/base/browser/ui/checkbox/checkbox.ts index b6175875e1..c20c2ca9a6 100644 --- a/src/sql/base/browser/ui/checkbox/checkbox.ts +++ b/src/sql/base/browser/ui/checkbox/checkbox.ts @@ -100,6 +100,14 @@ export class Checkbox extends Widget { this.enabled = true; } + public setHeight(value: string) { + this._el.style.height = value; + } + + public setWidth(value: string) { + this._el.style.width = value; + } + public style(styles: ICheckboxStyles): void { this.disabledCheckboxForeground = styles.disabledCheckboxForeground; this.updateStyle(); diff --git a/src/sql/workbench/browser/modelComponents/checkbox.component.ts b/src/sql/workbench/browser/modelComponents/checkbox.component.ts index ae8d9825d9..bf5fb8de8f 100644 --- a/src/sql/workbench/browser/modelComponents/checkbox.component.ts +++ b/src/sql/workbench/browser/modelComponents/checkbox.component.ts @@ -20,7 +20,7 @@ import { IWorkbenchThemeService } from 'vs/workbench/services/themes/common/work @Component({ selector: 'modelview-checkbox', template: ` -
+ ` }) export default class CheckBoxComponent extends ComponentBase implements IComponent, OnDestroy, AfterViewInit { @@ -82,6 +82,12 @@ export default class CheckBoxComponent extends ComponentBase implements ICompone } else { this._input.disable(); } + if (this.width) { + this._input.setWidth(this.convertSize(this.width)); + } + if (this.height) { + this._input.setHeight(this.convertSize(this.height)); + } } // CSS-bound properties