hide menu on mobile device

sammy007 · Apr 30, 2018 · f3a0319 · f3a0319
1 parent 3cad0d7
commit f3a0319
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 1 deletion.
diff --git a/www/app/routes/application.js b/www/app/routes/application.js
@@ -95,6 +95,10 @@ export default Ember.Route.extend({
       }
 
       return true;
+    },
+
+    toggleMenu: function() {
+      Ember.$('.navbar-collapse.in').attr("aria-expanded", false).removeClass("in");
     }
   },
 

diff --git a/www/app/templates/application.hbs b/www/app/templates/application.hbs
@@ -11,7 +11,7 @@
       <a class="navbar-brand"><span class="logo-1">{{config.PoolName}}</span> <span class="logo-2">Pool</span></a>
     </div>
     <div class="collapse navbar-collapse">
-      <ul class="nav navbar-nav">
+      <ul class="nav navbar-nav" {{action 'toggleMenu'}}>
         {{#active-li currentWhen='index'}}
           {{#link-to 'index'}}
             <i class="fa fa-home"></i> {{t 'menu.home'}}