From ac9c4bd11d7a5ac5489458e2c2f19b5ff4188f77 Mon Sep 17 00:00:00 2001
From: Burak Civan <burakcivan22@gmail.com>
Date: Tue, 14 Jun 2022 14:17:08 +0300
Subject: [PATCH] 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 {