give more flexibility to the dialog width setting (#14570)

* give more flexibility to the dialog width setting

* one more place
This commit is contained in:
Alan Ren
2021-03-05 15:01:29 -08:00
committed by GitHub
parent 63c59ed920
commit 1d60287795
5 changed files with 10 additions and 6 deletions

View File

@@ -68,7 +68,7 @@ export class AssessmentResultsDialog {
public async openDialog(dialogName?: string) {
if (!this._isOpen) {
this._isOpen = true;
this.dialog = azdata.window.createModelViewDialog(this.title, this.title, true);
this.dialog = azdata.window.createModelViewDialog(this.title, this.title, '90%');
this.dialog.okButton.label = AssessmentResultsDialog.OkButtonText;
this.dialog.okButton.onClick(async () => await this.execute());

View File

@@ -31,7 +31,7 @@ export class WizardController {
}
private async createWizard(stateModel: MigrationStateModel): Promise<void> {
const wizard = azdata.window.createWizard(loc.WIZARD_TITLE, 'wide');
const wizard = azdata.window.createWizard(loc.WIZARD_TITLE, 'MigrationWizard', 'wide');
wizard.generateScriptButton.enabled = false;
wizard.generateScriptButton.hidden = true;
const skuRecommendationPage = new SKURecommendationPage(wizard, stateModel);

View File

@@ -718,7 +718,7 @@ declare module 'azdata' {
pageName?: string;
}
export type DialogWidth = 'narrow' | 'medium' | 'wide' | number;
export type DialogWidth = 'narrow' | 'medium' | 'wide' | number | string;
/**
* These dialog styles affect how the dialog dispalys in the application.

View File

@@ -304,7 +304,7 @@ export interface IModelViewWizardDetails {
width: DialogWidth;
}
export type DialogWidth = 'narrow' | 'medium' | 'wide' | number;
export type DialogWidth = 'narrow' | 'medium' | 'wide' | number | string;
export type DialogStyle = 'normal' | 'flyout' | 'callout';

View File

@@ -58,7 +58,7 @@ export interface IModalDialogStyles {
footerBorderTopColor?: Color;
}
export type DialogWidth = 'narrow' | 'medium' | 'wide' | number;
export type DialogWidth = 'narrow' | 'medium' | 'wide' | number | string;
export type DialogStyle = 'normal' | 'flyout' | 'callout';
export type DialogPosition = 'left' | 'below';
@@ -223,8 +223,12 @@ export abstract class Modal extends Disposable implements IThemable {
if (typeof this._modalOptions.width === 'number') {
this._modalDialog.style.width = `${this._modalOptions.width}px`;
} else {
} else if (this._modalOptions.width === 'narrow'
|| this._modalOptions.width === 'medium'
|| this._modalOptions.width === 'wide') {
this._modalDialog.classList.add(`${this._modalOptions.width}-dialog`);
} else {
this._modalDialog.style.width = this._modalOptions.width;
}
if (this._modalOptions.dialogStyle === 'callout') {