mirror of
https://github.com/ckaczor/azuredatastudio.git
synced 2026-02-09 09:42:34 -05:00
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:
@@ -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([{
|
||||
|
||||
@@ -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();
|
||||
|
||||
@@ -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));
|
||||
|
||||
|
||||
@@ -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());
|
||||
|
||||
|
||||
Reference in New Issue
Block a user