Widen some input fields in Manage Packages dialog. (#6511)

This commit is contained in:
Cory Rivera
2019-07-26 15:11:52 -07:00
committed by GitHub
parent d51bdbd094
commit 8e40aa3306

View File

@@ -35,35 +35,35 @@ export class AddNewPackageTab {
this.addNewPkgTab = azdata.window.createTab(localize('managePackages.addNewTabTitle', "Add new")); this.addNewPkgTab = azdata.window.createTab(localize('managePackages.addNewTabTitle', "Add new"));
this.addNewPkgTab.registerContent(async view => { this.addNewPkgTab.registerContent(async view => {
this.newPackagesSearchBar = view.modelBuilder.inputBox().component(); this.newPackagesSearchBar = view.modelBuilder.inputBox().withProperties({ width: '400px' }).component();
this.packagesSearchButton = view.modelBuilder.button() this.packagesSearchButton = view.modelBuilder.button()
.withProperties<azdata.ButtonProperties>({ .withProperties<azdata.ButtonProperties>({
label: localize('managePackages.searchButtonLabel', "Search"), label: localize('managePackages.searchButtonLabel', "Search"),
width: '80px' width: '200px'
}).component(); }).component();
this.packagesSearchButton.onDidClick(() => { this.packagesSearchButton.onDidClick(() => {
this.loadNewPackageInfo(); this.loadNewPackageInfo();
}); });
this.newPackagesName = view.modelBuilder.text().component(); this.newPackagesName = view.modelBuilder.text().withProperties({ width: '400px' }).component();
this.newPackagesNameLoader = view.modelBuilder.loadingComponent() this.newPackagesNameLoader = view.modelBuilder.loadingComponent()
.withItem(this.newPackagesName) .withItem(this.newPackagesName)
.component(); .component();
this.newPackagesVersions = view.modelBuilder.dropDown().component(); this.newPackagesVersions = view.modelBuilder.dropDown().withProperties({ width: '400px' }).component();
this.newPackagesVersionsLoader = view.modelBuilder.loadingComponent() this.newPackagesVersionsLoader = view.modelBuilder.loadingComponent()
.withItem(this.newPackagesVersions) .withItem(this.newPackagesVersions)
.component(); .component();
this.newPackagesSummary = view.modelBuilder.text().component(); this.newPackagesSummary = view.modelBuilder.text().withProperties({ width: '400px' }).component();
this.newPackagesSummaryLoader = view.modelBuilder.loadingComponent() this.newPackagesSummaryLoader = view.modelBuilder.loadingComponent()
.withItem(this.newPackagesSummary) .withItem(this.newPackagesSummary)
.component(); .component();
this.packageInstallButton = view.modelBuilder.button().withProperties({ this.packageInstallButton = view.modelBuilder.button().withProperties({
label: localize('managePackages.installButtonText', "Install"), label: localize('managePackages.installButtonText', "Install"),
width: '80px' width: '200px'
}).component(); }).component();
this.packageInstallButton.onDidClick(() => { this.packageInstallButton.onDidClick(() => {
this.doPackageInstall(); this.doPackageInstall();