body overflow change only moda open
This commit is contained in:
parent
4b4f31cedc
commit
2d134a6816
2
public/css/app.css
vendored
2
public/css/app.css
vendored
@ -1588,7 +1588,7 @@ input[type="date"]::-webkit-inner-spin-button,
|
|||||||
}
|
}
|
||||||
|
|
||||||
.overflow-overlay {
|
.overflow-overlay {
|
||||||
overflow: overlay;
|
overflow: overlay !important;
|
||||||
}
|
}
|
||||||
|
|
||||||
.py-top {
|
.py-top {
|
||||||
|
@ -125,7 +125,7 @@ export default {
|
|||||||
if (this.show) {
|
if (this.show) {
|
||||||
let documentClasses = document.body.classList;
|
let documentClasses = document.body.classList;
|
||||||
|
|
||||||
documentClasses.add("overflow-hidden");
|
documentClasses.add('overflow-hidden', 'overflow-overlay', '-ml-4');
|
||||||
}
|
}
|
||||||
|
|
||||||
if (this.modalDialogClass) {
|
if (this.modalDialogClass) {
|
||||||
@ -158,7 +158,7 @@ export default {
|
|||||||
onCancel() {
|
onCancel() {
|
||||||
let documentClasses = document.body.classList;
|
let documentClasses = document.body.classList;
|
||||||
|
|
||||||
documentClasses.remove("overflow-hidden");
|
documentClasses.remove('overflow-hidden', 'overflow-overlay', '-ml-4');
|
||||||
|
|
||||||
this.$emit("cancel");
|
this.$emit("cancel");
|
||||||
}
|
}
|
||||||
@ -169,9 +169,9 @@ export default {
|
|||||||
let documentClasses = document.body.classList;
|
let documentClasses = document.body.classList;
|
||||||
|
|
||||||
if (val) {
|
if (val) {
|
||||||
documentClasses.add("overflow-hidden");
|
documentClasses.add('overflow-hidden', 'overflow-overlay', '-ml-4');
|
||||||
} else {
|
} else {
|
||||||
documentClasses.remove("overflow-hidden");
|
documentClasses.remove('overflow-hidden', 'overflow-overlay', '-ml-4');
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
@ -154,7 +154,7 @@ export default {
|
|||||||
created: function () {
|
created: function () {
|
||||||
let documentClasses = document.body.classList;
|
let documentClasses = document.body.classList;
|
||||||
|
|
||||||
documentClasses.add("overflow-hidden");
|
documentClasses.add('overflow-hidden', 'overflow-overlay', '-ml-4');
|
||||||
|
|
||||||
if (this.modalDialogClass) {
|
if (this.modalDialogClass) {
|
||||||
let modal_size = this.modalDialogClass.replace('modal-', 'max-w-screen-');
|
let modal_size = this.modalDialogClass.replace('modal-', 'max-w-screen-');
|
||||||
@ -311,7 +311,7 @@ export default {
|
|||||||
onCancel() {
|
onCancel() {
|
||||||
let documentClasses = document.body.classList;
|
let documentClasses = document.body.classList;
|
||||||
|
|
||||||
documentClasses.remove("overflow-hidden");
|
documentClasses.remove('overflow-hidden', 'overflow-overlay', '-ml-4');
|
||||||
|
|
||||||
this.$emit("cancel");
|
this.$emit("cancel");
|
||||||
}
|
}
|
||||||
@ -322,9 +322,9 @@ export default {
|
|||||||
let documentClasses = document.body.classList;
|
let documentClasses = document.body.classList;
|
||||||
|
|
||||||
if (val) {
|
if (val) {
|
||||||
documentClasses.add("overflow-hidden");
|
documentClasses.add('overflow-hidden', 'overflow-overlay', '-ml-4');
|
||||||
} else {
|
} else {
|
||||||
documentClasses.remove("overflow-hidden");
|
documentClasses.remove('overflow-hidden', 'overflow-overlay', '-ml-4');
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
2
resources/assets/sass/app.css
vendored
2
resources/assets/sass/app.css
vendored
@ -185,7 +185,7 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
.overflow-overlay {
|
.overflow-overlay {
|
||||||
overflow: overlay;
|
overflow: overlay !important;
|
||||||
}
|
}
|
||||||
|
|
||||||
.py-top {
|
.py-top {
|
||||||
|
@ -13,9 +13,9 @@
|
|||||||
</x-layouts.admin.head>
|
</x-layouts.admin.head>
|
||||||
|
|
||||||
@mobile
|
@mobile
|
||||||
<body class="g-sidenav-hidden bg-body overflow-overlay">
|
<body class="g-sidenav-hidden bg-body">
|
||||||
@elsemobile
|
@elsemobile
|
||||||
<body class="g-sidenav-show bg-body overflow-overlay">
|
<body class="g-sidenav-show bg-body">
|
||||||
@endmobile
|
@endmobile
|
||||||
|
|
||||||
@stack('body_start')
|
@stack('body_start')
|
||||||
|
@ -7,9 +7,9 @@
|
|||||||
</x-layouts.auth.head>
|
</x-layouts.auth.head>
|
||||||
|
|
||||||
@mobile
|
@mobile
|
||||||
<body class="g-sidenav-hidden bg-body overflow-overlay">
|
<body class="g-sidenav-hidden bg-body">
|
||||||
@elsemobile
|
@elsemobile
|
||||||
<body class="g-sidenav-show bg-body overflow-overlay">
|
<body class="g-sidenav-show bg-body">
|
||||||
@endmobile
|
@endmobile
|
||||||
|
|
||||||
@stack('body_start')
|
@stack('body_start')
|
||||||
|
@ -7,9 +7,9 @@
|
|||||||
</x-layouts.admin.head>
|
</x-layouts.admin.head>
|
||||||
|
|
||||||
@mobile
|
@mobile
|
||||||
<body class="g-sidenav-hidden bg-body overflow-overlay">
|
<body class="g-sidenav-hidden bg-body">
|
||||||
@elsemobile
|
@elsemobile
|
||||||
<body class="g-sidenav-show bg-body overflow-overlay">
|
<body class="g-sidenav-show bg-body">
|
||||||
@endmobile
|
@endmobile
|
||||||
|
|
||||||
@stack('body_start')
|
@stack('body_start')
|
||||||
|
@ -7,9 +7,9 @@
|
|||||||
</x-layouts.modules.head>
|
</x-layouts.modules.head>
|
||||||
|
|
||||||
@mobile
|
@mobile
|
||||||
<body class="g-sidenav-hidden bg-body overflow-overlay">
|
<body class="g-sidenav-hidden bg-body">
|
||||||
@elsemobile
|
@elsemobile
|
||||||
<body class="g-sidenav-show bg-body overflow-overlay">
|
<body class="g-sidenav-show bg-body">
|
||||||
@endmobile
|
@endmobile
|
||||||
|
|
||||||
@stack('body_start')
|
@stack('body_start')
|
||||||
|
@ -7,9 +7,9 @@
|
|||||||
</x-layouts.portal.head>
|
</x-layouts.portal.head>
|
||||||
|
|
||||||
@mobile
|
@mobile
|
||||||
<body class="g-sidenav-hidden bg-body overflow-overlay">
|
<body class="g-sidenav-hidden bg-body">
|
||||||
@elsemobile
|
@elsemobile
|
||||||
<body class="g-sidenav-show bg-body overflow-overlay">
|
<body class="g-sidenav-show bg-body">
|
||||||
@endmobile
|
@endmobile
|
||||||
|
|
||||||
@stack('body_start')
|
@stack('body_start')
|
||||||
|
Loading…
x
Reference in New Issue
Block a user