Close mobile panels on swipe

camptocamp · Apr 1, 2019 · 7985b8f · 7985b8f
1 parent 7a1fc4c
commit 7985b8f
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 2 deletions.
diff --git a/contribs/gmf/apps/mobile/index.html.ejs b/contribs/gmf/apps/mobile/index.html.ejs
@@ -69,7 +69,11 @@
         ng-click="mainCtrl.toggleRightNavVisibility()">
         <i class="fa fa-wrench"></i>
       </button>
-      <div class="overlay" ng-click="mainCtrl.hideNav()"></div>
+      <div class="overlay"
+        ng-swipe-disable-mouse
+        ng-swipe-left="mainCtrl.hideNav()"
+        ng-swipe-right="mainCtrl.hideNav()"
+        ng-click="mainCtrl.hideNav()"></div>
       <div
         class="gmf-search-overlay"
         ng-click="mainCtrl.searchOverlayVisible = false">

diff --git a/contribs/gmf/apps/mobile_alt/index.html.ejs b/contribs/gmf/apps/mobile_alt/index.html.ejs
@@ -66,7 +66,11 @@
         ng-click="mainCtrl.toggleRightNavVisibility()">
         <i class="fa fa-wrench"></i>
       </button>
-      <div class="overlay" ng-click="mainCtrl.hideNav()"></div>
+      <div class="overlay"
+        ng-swipe-disable-mouse
+        ng-swipe-left="mainCtrl.hideNav()"
+        ng-swipe-right="mainCtrl.hideNav()"
+        ng-click="mainCtrl.hideNav()"></div>
       <div
         class="gmf-search-overlay"
         ng-click="mainCtrl.searchOverlayVisible = false">