Add closed-check for touchmove

2 files changed, 6 insertions, 2 deletions

diff --git a/src/components/side_drawer/side_drawer.js b/src/components/side_drawer/side_drawer.js
index 2064dfa5..96297bb4 100644
--- a/src/components/side_drawer/side_drawer.js
+++ b/src/components/side_drawer/side_drawer.js
@@ -33,7 +33,7 @@ const SideDrawer = {
     },
     touchMove (e) {
       const delta = deltaX(this.touchX, touchEventX(e))
-      if (delta < -30) {
+      if (delta < -30 && !this.closed) {
         this.toggleDrawer()
       }
     }
diff --git a/src/components/side_drawer/side_drawer.vue b/src/components/side_drawer/side_drawer.vue
index 99ea3dd3..b540e5d8 100644
--- a/src/components/side_drawer/side_drawer.vue
+++ b/src/components/side_drawer/side_drawer.vue
@@ -1,6 +1,10 @@
 <template>
   <div class="side-drawer-container" :class="{ 'side-drawer-container-closed': closed, 'side-drawer-container-open': !closed }">
-    <div class="panel panel-default side-drawer" :class="{'side-drawer-closed': closed}" @touchstart="touchStart" @touchmove.prevent="touchMove">
+    <div class="panel panel-default side-drawer"
+      :class="{'side-drawer-closed': closed}"
+      @touchstart="touchStart"
+      @touchmove.prevent="touchMove"
+    >
       <div class="side-drawer-heading">
         <user-card-content :activatePanel="activatePanel" :user="currentUser" :switcher="false" :hideBio="true">
         </user-card-content>