From 2d134a6816a151e820260b064ef67918e2604561 Mon Sep 17 00:00:00 2001 From: Burak Civan Date: Tue, 14 Jun 2022 14:13:24 +0300 Subject: [PATCH 1/2] body overflow change only moda open --- public/css/app.css | 2 +- resources/assets/js/components/AkauntingModal.vue | 8 ++++---- resources/assets/js/components/AkauntingModalAddNew.vue | 8 ++++---- resources/assets/sass/app.css | 2 +- resources/views/components/layouts/admin.blade.php | 4 ++-- resources/views/components/layouts/auth.blade.php | 4 ++-- resources/views/components/layouts/error.blade.php | 4 ++-- resources/views/components/layouts/modules.blade.php | 4 ++-- resources/views/components/layouts/portal.blade.php | 4 ++-- 9 files changed, 20 insertions(+), 20 deletions(-) diff --git a/public/css/app.css b/public/css/app.css index cb0ec6e5e..3974536fb 100644 --- a/public/css/app.css +++ b/public/css/app.css @@ -1588,7 +1588,7 @@ input[type="date"]::-webkit-inner-spin-button, } .overflow-overlay { - overflow: overlay; + overflow: overlay !important; } .py-top { diff --git a/resources/assets/js/components/AkauntingModal.vue b/resources/assets/js/components/AkauntingModal.vue index 3cbe01bb0..e544bb7d6 100644 --- a/resources/assets/js/components/AkauntingModal.vue +++ b/resources/assets/js/components/AkauntingModal.vue @@ -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'); } } } diff --git a/resources/assets/js/components/AkauntingModalAddNew.vue b/resources/assets/js/components/AkauntingModalAddNew.vue index 6da73b8ef..b6cf6233a 100644 --- a/resources/assets/js/components/AkauntingModalAddNew.vue +++ b/resources/assets/js/components/AkauntingModalAddNew.vue @@ -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'); } } } diff --git a/resources/assets/sass/app.css b/resources/assets/sass/app.css index 0b13f324f..43ecd27d4 100644 --- a/resources/assets/sass/app.css +++ b/resources/assets/sass/app.css @@ -185,7 +185,7 @@ } .overflow-overlay { - overflow: overlay; + overflow: overlay !important; } .py-top { diff --git a/resources/views/components/layouts/admin.blade.php b/resources/views/components/layouts/admin.blade.php index faf8b1786..313a77ea8 100644 --- a/resources/views/components/layouts/admin.blade.php +++ b/resources/views/components/layouts/admin.blade.php @@ -13,9 +13,9 @@ @mobile - + @elsemobile - + @endmobile @stack('body_start') diff --git a/resources/views/components/layouts/auth.blade.php b/resources/views/components/layouts/auth.blade.php index 49bd5c07c..6e1ae616f 100644 --- a/resources/views/components/layouts/auth.blade.php +++ b/resources/views/components/layouts/auth.blade.php @@ -7,9 +7,9 @@ @mobile - + @elsemobile - + @endmobile @stack('body_start') diff --git a/resources/views/components/layouts/error.blade.php b/resources/views/components/layouts/error.blade.php index 2f8798c50..d27c5fa4b 100644 --- a/resources/views/components/layouts/error.blade.php +++ b/resources/views/components/layouts/error.blade.php @@ -7,9 +7,9 @@ @mobile - + @elsemobile - + @endmobile @stack('body_start') diff --git a/resources/views/components/layouts/modules.blade.php b/resources/views/components/layouts/modules.blade.php index a1e513380..6aef81c94 100644 --- a/resources/views/components/layouts/modules.blade.php +++ b/resources/views/components/layouts/modules.blade.php @@ -7,9 +7,9 @@ @mobile - + @elsemobile - + @endmobile @stack('body_start') diff --git a/resources/views/components/layouts/portal.blade.php b/resources/views/components/layouts/portal.blade.php index a9e974b1d..7a229ce43 100644 --- a/resources/views/components/layouts/portal.blade.php +++ b/resources/views/components/layouts/portal.blade.php @@ -7,9 +7,9 @@ @mobile - + @elsemobile - + @endmobile @stack('body_start') From ac9c4bd11d7a5ac5489458e2c2f19b5ff4188f77 Mon Sep 17 00:00:00 2001 From: Burak Civan Date: Tue, 14 Jun 2022 14:17:08 +0300 Subject: [PATCH 2/2] overflow scenario edited --- public/css/app.css | 2 +- resources/assets/js/components/AkauntingModal.vue | 8 ++++---- resources/assets/js/components/AkauntingModalAddNew.vue | 8 ++++---- resources/assets/sass/app.css | 2 +- 4 files changed, 10 insertions(+), 10 deletions(-) diff --git a/public/css/app.css b/public/css/app.css index 3974536fb..87dba8e1d 100644 --- a/public/css/app.css +++ b/public/css/app.css @@ -1588,7 +1588,7 @@ input[type="date"]::-webkit-inner-spin-button, } .overflow-overlay { - overflow: overlay !important; + overflow-x: overlay; } .py-top { diff --git a/resources/assets/js/components/AkauntingModal.vue b/resources/assets/js/components/AkauntingModal.vue index e544bb7d6..5dc8d4c7c 100644 --- a/resources/assets/js/components/AkauntingModal.vue +++ b/resources/assets/js/components/AkauntingModal.vue @@ -125,7 +125,7 @@ export default { if (this.show) { let documentClasses = document.body.classList; - documentClasses.add('overflow-hidden', 'overflow-overlay', '-ml-4'); + documentClasses.add('overflow-y-hidden', 'overflow-overlay', '-ml-4'); } if (this.modalDialogClass) { @@ -158,7 +158,7 @@ export default { onCancel() { let documentClasses = document.body.classList; - documentClasses.remove('overflow-hidden', 'overflow-overlay', '-ml-4'); + documentClasses.remove('overflow-y-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', 'overflow-overlay', '-ml-4'); + documentClasses.add('overflow-y-hidden', 'overflow-overlay', '-ml-4'); } else { - documentClasses.remove('overflow-hidden', 'overflow-overlay', '-ml-4'); + documentClasses.remove('overflow-y-hidden', 'overflow-overlay', '-ml-4'); } } } diff --git a/resources/assets/js/components/AkauntingModalAddNew.vue b/resources/assets/js/components/AkauntingModalAddNew.vue index b6cf6233a..28c42c205 100644 --- a/resources/assets/js/components/AkauntingModalAddNew.vue +++ b/resources/assets/js/components/AkauntingModalAddNew.vue @@ -154,7 +154,7 @@ export default { created: function () { let documentClasses = document.body.classList; - documentClasses.add('overflow-hidden', 'overflow-overlay', '-ml-4'); + documentClasses.add('overflow-y-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', 'overflow-overlay', '-ml-4'); + documentClasses.remove('overflow-y-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', 'overflow-overlay', '-ml-4'); + documentClasses.add('overflow-y-hidden', 'overflow-overlay', '-ml-4'); } else { - documentClasses.remove('overflow-hidden', 'overflow-overlay', '-ml-4'); + documentClasses.remove('overflow-y-hidden', 'overflow-overlay', '-ml-4'); } } } diff --git a/resources/assets/sass/app.css b/resources/assets/sass/app.css index 43ecd27d4..f7d3fffb0 100644 --- a/resources/assets/sass/app.css +++ b/resources/assets/sass/app.css @@ -185,7 +185,7 @@ } .overflow-overlay { - overflow: overlay !important; + overflow-x: overlay; } .py-top {