align with portal button style (#14187)

* align with portal button style

* fix welcome page

* image button

* more fixes

* use withProperties

* add comment back

* add border radius
This commit is contained in:
Alan Ren
2021-02-08 15:12:54 -08:00
committed by GitHub
parent 7a0ac71b98
commit a3cddbc8aa
67 changed files with 384 additions and 251 deletions

View File

@@ -53,9 +53,10 @@ export class ConfigurePathPage extends BasePage {
})
.component();
let browseButton = this.view.modelBuilder.button()
.withProperties<azdata.ButtonProperties>({
.withProps({
label: this.BrowseButtonText,
width: '70px'
width: '70px',
secondary: true
}).component();
browseButton.onDidClick(() => this.handleBrowse());
@@ -88,9 +89,10 @@ export class ConfigurePathPage extends BasePage {
enabled: false,
width: '400px'
}).component();
let editPathButton = this.view.modelBuilder.button().withProperties<azdata.ButtonProperties>({
let editPathButton = this.view.modelBuilder.button().withProps({
label: 'Edit',
width: '70px'
width: '70px',
secondary: true
}).component();
let editPathForm = this.view.modelBuilder.formContainer()
.withFormItems([{

View File

@@ -39,9 +39,10 @@ export class AddNewPackageTab {
});
this.packagesSearchButton = view.modelBuilder.button()
.withProperties<azdata.ButtonProperties>({
.withProps({
label: localize('managePackages.searchButtonLabel', "Search"),
width: '200px'
width: '200px',
secondary: true
}).component();
this.packagesSearchButton.onDidClick(async () => {
await this.loadNewPackageInfo();
@@ -64,7 +65,8 @@ export class AddNewPackageTab {
this.packageInstallButton = view.modelBuilder.button().withProperties({
label: localize('managePackages.installButtonText', "Install"),
width: '200px'
width: '200px',
secondary: true
}).component();
this.packageInstallButton.onDidClick(async () => {
await this.doPackageInstall();

View File

@@ -103,9 +103,10 @@ export class InstalledPackagesTab {
}));
this.uninstallPackageButton = view.modelBuilder.button()
.withProperties({
.withProps({
label: localize('managePackages.uninstallButtonText', "Uninstall selected packages"),
width: '200px'
width: '200px',
secondary: true
}).component();
this.uninstallPackageButton.onDidClick(() => this.doUninstallPackage(this.installedPackagesTable.selectedRows));

View File

@@ -63,7 +63,8 @@ export class RemoteBookDialog {
this.searchButton = this.view.modelBuilder.button().withProperties<azdata.ButtonProperties>({
label: loc.search,
title: loc.search,
width: '200px'
width: '200px',
secondary: true
}).component();
this.searchButton.onDidClick(async () => await this.validate());