Widen schema compare dialog dropdowns and textboxes (#5563)

* widen dialog dropdowns and textboxes

* change padding

* add min-width for labels to match connection pane
This commit is contained in:
kisantia
2019-05-22 11:55:12 -07:00
committed by GitHub
parent 65e59dc57d
commit ef2bbce34b
3 changed files with 25 additions and 9 deletions

View File

@@ -189,7 +189,7 @@ export class SchemaCompareDialog {
// if schema compare was launched from a db context menu, set that db as the source
if (this.database) {
this.formBuilder = view.modelBuilder.formContainer()
this.formBuilder = <azdata.FormBuilder>view.modelBuilder.formContainer()
.withFormItems([
{
title: SourceTitle,
@@ -208,9 +208,13 @@ export class SchemaCompareDialog {
], {
horizontal: true,
titleFontSize: titleFontSize
});
})
.withLayout({
width: '100%',
padding: '10px 10px 0 30px'
});
} else {
this.formBuilder = view.modelBuilder.formContainer()
this.formBuilder = <azdata.FormBuilder>view.modelBuilder.formContainer()
.withFormItems([
{
title: SourceTitle,
@@ -228,7 +232,11 @@ export class SchemaCompareDialog {
], {
horizontal: true,
titleFontSize: titleFontSize
});
})
.withLayout({
width: '100%',
padding: '10px 10px 0 30px'
});
}
let formModel = this.formBuilder.component();
await view.initializeModel(formModel);
@@ -306,8 +314,8 @@ export class SchemaCompareDialog {
databaseRadioButton.onDidClick(() => {
this.sourceIsDacpac = false;
if ((this.sourceServerDropdown.value as ConnectionDropdownValue)) {
this.formBuilder.insertFormItem(this.sourceServerComponent, 2, { horizontal: true, componentWidth: 300, titleFontSize: titleFontSize });
this.formBuilder.insertFormItem(this.sourceDatabaseComponent, 3, { horizontal: true, componentWidth: 300, titleFontSize: titleFontSize });
this.formBuilder.insertFormItem(this.sourceServerComponent, 2, { horizontal: true, titleFontSize: titleFontSize });
this.formBuilder.insertFormItem(this.sourceDatabaseComponent, 3, { horizontal: true, titleFontSize: titleFontSize });
} else {
this.formBuilder.insertFormItem(this.sourceNoActiveConnectionsText, 2, { horizontal: true, titleFontSize: titleFontSize });
}
@@ -361,8 +369,8 @@ export class SchemaCompareDialog {
this.targetIsDacpac = false;
this.formBuilder.removeFormItem(this.targetDacpacComponent);
if ((this.targetServerDropdown.value as ConnectionDropdownValue)) {
this.formBuilder.addFormItem(this.targetServerComponent, { horizontal: true, componentWidth: 300, titleFontSize: titleFontSize });
this.formBuilder.addFormItem(this.targetDatabaseComponent, { horizontal: true, componentWidth: 300, titleFontSize: titleFontSize });
this.formBuilder.addFormItem(this.targetServerComponent, { horizontal: true, titleFontSize: titleFontSize });
this.formBuilder.addFormItem(this.targetDatabaseComponent, { horizontal: true, titleFontSize: titleFontSize });
} else {
this.formBuilder.addFormItem(this.targetNoActiveConnectionsText, { horizontal: true, titleFontSize: titleFontSize });
}