vassili/seitime-frappe
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions 1

feat: Adding option to centre frappe dialog box [skip docs]

Browse source
This commit is contained in:
Abhimanyu 2025-09-29 15:54:31 +05:30
parent 95372df01a
commit 00453d7958
2 changed files with 12 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

3
frappe/public/js/frappe/ui/dialog.js
View file

@ -14,7 +14,7 @@ frappe.ui.Dialog = class Dialog extends frappe.ui.FieldGroup {
this.is_dialog = true;
this.last_focus = null;
$.extend(this, { animate: true, size: null, auto_make: true }, opts);
$.extend(this, { animate: true, size: null, auto_make: true, centered: false }, opts);
if (this.auto_make) {
this.make();
}
@ -34,6 +34,7 @@ frappe.ui.Dialog = class Dialog extends frappe.ui.FieldGroup {
if (!this.size) this.set_modal_size();
this.wrapper = this.$wrapper.find(".modal-dialog").get(0);
if (this.centered) $(this.wrapper).addClass("modal-dialog-centered");
if (this.size == "small") $(this.wrapper).addClass("modal-sm");
else if (this.size == "large") $(this.wrapper).addClass("modal-lg");
else if (this.size == "extra-large") $(this.wrapper).addClass("modal-xl");

10
frappe/public/scss/common/modal.scss
View file

@ -345,3 +345,13 @@ body.modal-open[style^="padding-right"] {
}
}
}
.modal-dialog-centered {
display: flex;
align-items: center;
min-height: calc(100% - 1rem);
}
@media (min-width: 576px) {
.modal-dialog-centered {
min-height: calc(100% - 3.5rem);
}
}