introduce fieldset component (#23005)

This commit is contained in:
Alan Ren
2023-05-06 21:36:08 -07:00
committed by GitHub
parent feed449d97
commit 718b149e84
6 changed files with 61 additions and 10 deletions

View File

@@ -333,3 +333,7 @@
-webkit-mask-size: 100%;
mask-size: 100%;
}
.modal-dialog form {
height: 100%;
}

View File

@@ -223,12 +223,13 @@ export abstract class Modal extends Disposable implements IThemable {
}
this._bodyContainer.style.top = `${top}px`;
this._modalDialog = DOM.append(this._bodyContainer, DOM.$('.modal-dialog'));
const formElement = DOM.append(this._modalDialog, DOM.$('form'));
if (this._modalOptions.dialogStyle === 'callout') {
let arrowClass = `.callout-arrow.from-${this._modalOptions.dialogPosition}`;
this._modalContent = DOM.append(this._modalDialog, DOM.$(`.modal-content${arrowClass}`));
this._modalContent = DOM.append(formElement, DOM.$(`.modal-content${arrowClass}`));
} else {
this._modalContent = DOM.append(this._modalDialog, DOM.$('.modal-content'));
this._modalContent = DOM.append(formElement, DOM.$('.modal-content'));
}
if (typeof this._modalOptions.width === 'number') {