From cc99eaa819f1ca6fbb95d4e9da10ecc781d2fe01 Mon Sep 17 00:00:00 2001
From: Amir Raminfar <findamir@gmail.com>
Date: Sun, 29 Dec 2019 15:05:02 -0800
Subject: [PATCH] fix: tries to fix a scroll bug in mobile

---
 assets/App.vue                       | 9 +++++++--
 assets/components/ScrollableView.vue | 1 +
 2 files changed, 8 insertions(+), 2 deletions(-)

diff --git a/assets/App.vue b/assets/App.vue
index efb6d073..2f707471 100644
--- a/assets/App.vue
+++ b/assets/App.vue
@@ -1,7 +1,7 @@
 <template lang="html">
   <main>
     <mobile-menu v-if="isMobile"></mobile-menu>
-    <splitpanes @resized="updateSetting({ menuWidth: $event[0].size })">
+    <splitpanes @resized="onResize($event)">
       <pane min-size="10" :size="settings.menuWidth" v-if="!isMobile">
         <side-menu></side-menu>
       </pane>
@@ -75,7 +75,12 @@ export default {
       fetchContainerList: "FETCH_CONTAINERS",
       removeActiveContainer: "REMOVE_ACTIVE_CONTAINER",
       updateSetting: "UPDATE_SETTING"
-    })
+    }),
+    onResize(e) {
+      if (e.length == 2) {
+        this.updateSetting({ menuWidth: Math.min(90, e[0].size) });
+      }
+    }
   }
 };
 </script>
diff --git a/assets/components/ScrollableView.vue b/assets/components/ScrollableView.vue
index 263ed8e9..a16cf503 100644
--- a/assets/components/ScrollableView.vue
+++ b/assets/components/ScrollableView.vue
@@ -67,6 +67,7 @@ section {
   main {
     flex: 1;
     overflow: auto;
+    overscroll-behavior: none;
   }
   .scroll-bar-notification {
     text-align: right;