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

2
public/css/app.css vendored
View File

@ -1588,7 +1588,7 @@ input[type="date"]::-webkit-inner-spin-button,
}
.overflow-overlay {
overflow: overlay;
overflow: overlay !important;
}
.py-top {

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');
}
}
}

View File

@ -185,7 +185,7 @@
}
.overflow-overlay {
overflow: overlay;
overflow: overlay !important;
}
.py-top {

View File

@ -13,9 +13,9 @@
</x-layouts.admin.head>
@mobile
<body class="g-sidenav-hidden bg-body overflow-overlay">
<body class="g-sidenav-hidden bg-body">
@elsemobile
<body class="g-sidenav-show bg-body overflow-overlay">
<body class="g-sidenav-show bg-body">
@endmobile
@stack('body_start')

View File

@ -7,9 +7,9 @@
</x-layouts.auth.head>
@mobile
<body class="g-sidenav-hidden bg-body overflow-overlay">
<body class="g-sidenav-hidden bg-body">
@elsemobile
<body class="g-sidenav-show bg-body overflow-overlay">
<body class="g-sidenav-show bg-body">
@endmobile
@stack('body_start')

View File

@ -7,9 +7,9 @@
</x-layouts.admin.head>
@mobile
<body class="g-sidenav-hidden bg-body overflow-overlay">
<body class="g-sidenav-hidden bg-body">
@elsemobile
<body class="g-sidenav-show bg-body overflow-overlay">
<body class="g-sidenav-show bg-body">
@endmobile
@stack('body_start')

View File

@ -7,9 +7,9 @@
</x-layouts.modules.head>
@mobile
<body class="g-sidenav-hidden bg-body overflow-overlay">
<body class="g-sidenav-hidden bg-body">
@elsemobile
<body class="g-sidenav-show bg-body overflow-overlay">
<body class="g-sidenav-show bg-body">
@endmobile
@stack('body_start')

View File

@ -7,9 +7,9 @@
</x-layouts.portal.head>
@mobile
<body class="g-sidenav-hidden bg-body overflow-overlay">
<body class="g-sidenav-hidden bg-body">
@elsemobile
<body class="g-sidenav-show bg-body overflow-overlay">
<body class="g-sidenav-show bg-body">
@endmobile
@stack('body_start')