body overflow change only moda open
This commit is contained in:
@ -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');
|
||||
}
|
||||
}
|
||||
}
|
||||
|
@ -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');
|
||||
}
|
||||
}
|
||||
}
|
||||
|
Reference in New Issue
Block a user