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

Remove the gray background/gray text for pre-selected values (#17005)

Browse Source 
* Correct spelling

* Change styling for pre-selected values
This commit is contained in:
goyal-anjali
2021-09-09 15:14:28 +05:30
committed by GitHub
parent 69314cf764
commit 2cc4129f5c
3 changed files with 62 additions and 33 deletions
Download Patch File Download Diff File Expand all files Collapse all files

29
extensions/sql-migration/src/dialog/createSqlMigrationService/createSqlMigrationServiceDialog.ts
View File

@@ -21,7 +21,7 @@ export class CreateSqlMigrationServiceDialog {
private migrationServiceSubscription!: azdata.TextComponent;
private migrationServiceResourceGroupDropdown!: azdata.DropDownComponent;
private migrationServiceLocation!: azdata.InputBoxComponent;
private migrationServiceLocation!: azdata.TextComponent;
private migrationServiceNameText!: azdata.InputBoxComponent;
private _formSubmitButton!: azdata.ButtonComponent;
private _createResourceGroupLink!: azdata.HyperlinkComponent;
@@ -221,9 +221,12 @@ export class CreateSqlMigrationServiceDialog {
}
}).component();
this.migrationServiceSubscription = this._view.modelBuilder.inputBox().withProps({
required: true,
enabled: false
this.migrationServiceSubscription = this._view.modelBuilder.text().withProps({
enabled: false,
CSSStyles: {
'font-size': '13px',
'margin': '0px'
}
}).component();
const resourceGroupDropdownLabel = this._view.modelBuilder.text().withProps({
@@ -287,10 +290,12 @@ export class CreateSqlMigrationServiceDialog {
}
}).component();
this.migrationServiceLocation = this._view.modelBuilder.inputBox().withProps({
required: true,
enabled: false,
value: await this._model.getLocationDisplayName(this._model._targetServerInstance.location)
this.migrationServiceLocation = this._view.modelBuilder.text().withProps({
value: await this._model.getLocationDisplayName(this._model._targetServerInstance.location),
CSSStyles: {
'font-size': '13px',
'margin': '0px'
}
}).component();
const targetlabel = this._view.modelBuilder.text().withProps({
@@ -302,9 +307,13 @@ export class CreateSqlMigrationServiceDialog {
}
}).component();
const targetText = this._view.modelBuilder.inputBox().withProps({
const targetText = this._view.modelBuilder.text().withProps({
enabled: false,
value: constants.AZURE_SQL
value: constants.AZURE_SQL,
CSSStyles: {
'font-size': '13px',
'margin': '0px'
}
}).component();
const flexContainer = this._view.modelBuilder.flexContainer().withItems([

48
extensions/sql-migration/src/wizard/databaseBackupPage.ts
View File

@@ -37,16 +37,16 @@ export class DatabaseBackupPage extends MigrationWizardPage {
private _sqlSourcepassword!: azdata.InputBoxComponent;
private _blobContainer!: azdata.FlexContainer;
private _blobContainerSubscription!: azdata.InputBoxComponent;
private _blobContainerLocation!: azdata.InputBoxComponent;
private _blobContainerSubscription!: azdata.TextComponent;
private _blobContainerLocation!: azdata.TextComponent;
private _blobContainerResourceGroupDropdowns!: azdata.DropDownComponent[];
private _blobContainerStorageAccountDropdowns!: azdata.DropDownComponent[];
private _blobContainerDropdowns!: azdata.DropDownComponent[];
private _blobContainerLastBackupFileDropdowns!: azdata.DropDownComponent[];
private _networkShareStorageAccountDetails!: azdata.FlexContainer;
private _networkShareContainerSubscription!: azdata.InputBoxComponent;
private _networkShareContainerLocation!: azdata.InputBoxComponent;
private _networkShareContainerSubscription!: azdata.TextComponent;
private _networkShareContainerLocation!: azdata.TextComponent;
private _networkShareStorageAccountResourceGroupDropdown!: azdata.DropDownComponent;
private _networkShareContainerStorageAccountDropdown!: azdata.DropDownComponent;
private _networkShareContainerStorageAccountRefreshButton!: azdata.ButtonComponent;
@@ -191,7 +191,7 @@ export class DatabaseBackupPage extends MigrationWizardPage {
}
}).component();
const usernameLable = this._view.modelBuilder.text().withProps({
const usernameLabel = this._view.modelBuilder.text().withProps({
value: constants.USERNAME,
width: WIZARD_INPUT_COMPONENT_WIDTH,
requiredIndicator: true,
@@ -203,7 +203,7 @@ export class DatabaseBackupPage extends MigrationWizardPage {
this._sqlSourceUsernameInput = this._view.modelBuilder.inputBox().withProps({
required: true,
enabled: false,
width: WIZARD_INPUT_COMPONENT_WIDTH
width: WIZARD_INPUT_COMPONENT_WIDTH,
}).component();
this._disposables.push(this._sqlSourceUsernameInput.onTextChanged(value => {
this.migrationStateModel._sqlServerUsername = value;
@@ -345,7 +345,7 @@ export class DatabaseBackupPage extends MigrationWizardPage {
[
sqlSourceHeader,
this._sourceHelpText,
usernameLable,
usernameLabel,
this._sqlSourceUsernameInput,
sqlPasswordLabel,
this._sqlSourcepassword,
@@ -394,9 +394,13 @@ export class DatabaseBackupPage extends MigrationWizardPage {
'font-weight': 'bold'
}
}).component();
this._blobContainerSubscription = this._view.modelBuilder.inputBox()
this._blobContainerSubscription = this._view.modelBuilder.text()
.withProps({
enabled: false
enabled: false,
CSSStyles: {
'font-size': '13px',
'margin': '0px'
}
}).component();
const locationLabel = this._view.modelBuilder.text()
@@ -407,9 +411,13 @@ export class DatabaseBackupPage extends MigrationWizardPage {
'font-weight': 'bold'
}
}).component();
this._blobContainerLocation = this._view.modelBuilder.inputBox()
this._blobContainerLocation = this._view.modelBuilder.text()
.withProps({
enabled: false
enabled: false,
CSSStyles: {
'font-size': '13px',
'margin': '0px 0px'
}
}).component();
const flexContainer = this._view.modelBuilder.flexContainer()
@@ -599,11 +607,14 @@ export class DatabaseBackupPage extends MigrationWizardPage {
'font-weight': 'bold'
}
}).component();
this._networkShareContainerSubscription = this._view.modelBuilder.inputBox()
this._networkShareContainerSubscription = this._view.modelBuilder.text()
.withProps({
required: true,
enabled: false,
width: WIZARD_INPUT_COMPONENT_WIDTH
width: WIZARD_INPUT_COMPONENT_WIDTH,
CSSStyles: {
'font-size': '13px',
'margin': '0px 0px'
}
}).component();
const locationLabel = this._view.modelBuilder.text()
@@ -616,11 +627,14 @@ export class DatabaseBackupPage extends MigrationWizardPage {
'font-weight': 'bold'
}
}).component();
this._networkShareContainerLocation = this._view.modelBuilder.inputBox()
this._networkShareContainerLocation = this._view.modelBuilder.text()
.withProps({
required: true,
enabled: false,
width: WIZARD_INPUT_COMPONENT_WIDTH
width: WIZARD_INPUT_COMPONENT_WIDTH,
CSSStyles: {
'font-size': '13px',
'margin': '0px 0px'
}
}).component();
const resourceGroupLabel = this._view.modelBuilder.text()

18
extensions/sql-migration/src/wizard/integrationRuntimePage.ts
View File

@@ -19,8 +19,8 @@ export class IntergrationRuntimePage extends MigrationWizardPage {
private _view!: azdata.ModelView;
private _form!: azdata.FormBuilder;
private _statusLoadingComponent!: azdata.LoadingComponent;
private _subscription!: azdata.InputBoxComponent;
private _location!: azdata.InputBoxComponent;
private _subscription!: azdata.TextComponent;
private _location!: azdata.TextComponent;
private _resourceGroupDropdown!: azdata.DropDownComponent;
private _dmsDropdown!: azdata.DropDownComponent;
@@ -163,10 +163,13 @@ export class IntergrationRuntimePage extends MigrationWizardPage {
'font-weight': 'bold',
}
}).component();
this._subscription = this._view.modelBuilder.inputBox().withProps({
this._subscription = this._view.modelBuilder.text().withProps({
enabled: false,
required: true,
width: WIZARD_INPUT_COMPONENT_WIDTH,
CSSStyles: {
'font-size': '13px',
'margin': '0px 0px'
}
}).component();
const locationLabel = this._view.modelBuilder.text().withProps({
@@ -177,10 +180,13 @@ export class IntergrationRuntimePage extends MigrationWizardPage {
'font-weight': 'bold',
}
}).component();
this._location = this._view.modelBuilder.inputBox().withProps({
this._location = this._view.modelBuilder.text().withProps({
enabled: false,
required: true,
width: WIZARD_INPUT_COMPONENT_WIDTH,
CSSStyles: {
'font-size': '13px',
'margin': '0px 0px'
}
}).component();
const resourceGroupLabel = this._view.modelBuilder.text().withProps({