ckaczor/azuredatastudio
1
0
Fork 0
mirror of https://github.com/ckaczor/azuredatastudio.git synced 2026-01-26 17:23:15 -05:00
Code Issues Packages Projects Releases Wiki Activity

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

Browse Source
This commit is contained in:
Charles Gagnon
2019-10-02 16:21:08 -07:00
committed by GitHub
parent e0a867a184
commit 08b78c3ca5
2 changed files with 15 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
src/sql/base/browser/ui/checkbox/checkbox.ts
View File

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

8
src/sql/workbench/browser/modelComponents/checkbox.component.ts
View File

@@ -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