Add width and height properties to checkbox component (#7482)

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();

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: `
-		<div #input [style.width]="getWidth()"></div>
+		<div #input [style.width]="getWidth()" [style.height]="getHeight()"></div>
 	`
 })
 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