body overflow change only moda open

This commit is contained in:
Burak Civan
2022-06-14 14:13:24 +03:00
parent 4b4f31cedc
commit 2d134a6816
9 changed files with 20 additions and 20 deletions

View File

@ -125,7 +125,7 @@ export default {
if (this.show) {
let documentClasses = document.body.classList;
documentClasses.add("overflow-hidden");
documentClasses.add('overflow-hidden', 'overflow-overlay', '-ml-4');
}
if (this.modalDialogClass) {
@ -158,7 +158,7 @@ export default {
onCancel() {
let documentClasses = document.body.classList;
documentClasses.remove("overflow-hidden");
documentClasses.remove('overflow-hidden', 'overflow-overlay', '-ml-4');
this.$emit("cancel");
}
@ -169,9 +169,9 @@ export default {
let documentClasses = document.body.classList;
if (val) {
documentClasses.add("overflow-hidden");
documentClasses.add('overflow-hidden', 'overflow-overlay', '-ml-4');
} else {
documentClasses.remove("overflow-hidden");
documentClasses.remove('overflow-hidden', 'overflow-overlay', '-ml-4');
}
}
}

View File

@ -154,7 +154,7 @@ export default {
created: function () {
let documentClasses = document.body.classList;
documentClasses.add("overflow-hidden");
documentClasses.add('overflow-hidden', 'overflow-overlay', '-ml-4');
if (this.modalDialogClass) {
let modal_size = this.modalDialogClass.replace('modal-', 'max-w-screen-');
@ -311,7 +311,7 @@ export default {
onCancel() {
let documentClasses = document.body.classList;
documentClasses.remove("overflow-hidden");
documentClasses.remove('overflow-hidden', 'overflow-overlay', '-ml-4');
this.$emit("cancel");
}
@ -322,9 +322,9 @@ export default {
let documentClasses = document.body.classList;
if (val) {
documentClasses.add("overflow-hidden");
documentClasses.add('overflow-hidden', 'overflow-overlay', '-ml-4');
} else {
documentClasses.remove("overflow-hidden");
documentClasses.remove('overflow-hidden', 'overflow-overlay', '-ml-4');
}
}
}