Added fix for Publish Target Label Position (#17771)

* Added fix for Publish Target Label Position

* renamed checkbox
This commit is contained in:
Alex Ma
2021-12-01 09:39:36 -08:00
committed by GitHub
parent 56d5061942
commit de93938ef4

View File

@@ -368,7 +368,8 @@ export class PublishDatabaseDialog {
private createPublishTypeRadioButtons(view: azdataType.ModelView): azdataType.Component { private createPublishTypeRadioButtons(view: azdataType.ModelView): azdataType.Component {
const publishToLabel = view.modelBuilder.text().withProps({ const publishToLabel = view.modelBuilder.text().withProps({
value: constants.publishTo value: constants.publishTo,
width: cssStyles.publishDialogLabelWidth
}).component(); }).component();
this.existingServerRadioButton = view.modelBuilder.radioButton() this.existingServerRadioButton = view.modelBuilder.radioButton()
.withProps({ .withProps({
@@ -391,12 +392,17 @@ export class PublishDatabaseDialog {
this.onPublishTypeChange(!checked, view); this.onPublishTypeChange(!checked, view);
}); });
let flexRadioButtonsModel: azdataType.FlexContainer = view.modelBuilder.flexContainer() const radioButtonContainer = view.modelBuilder.flexContainer()
.withLayout({ flexFlow: 'column' }) .withLayout({ flexFlow: 'column' })
.withItems([publishToLabel, this.existingServerRadioButton, this.dockerServerRadioButton]) .withItems([this.existingServerRadioButton, this.dockerServerRadioButton])
.withProps({ ariaRole: 'radiogroup' }) .withProps({ ariaRole: 'radiogroup' })
.component(); .component();
let flexRadioButtonsModel: azdataType.FlexContainer = view.modelBuilder.flexContainer()
.withLayout({ flexFlow: 'row', alignItems: 'baseline' })
.withItems([publishToLabel, radioButtonContainer], { CSSStyles: { flex: '0 0 auto', 'margin-right': '10px' } })
.component();
return flexRadioButtonsModel; return flexRadioButtonsModel;
} }