navbar

public/assets/js/app.js

@@ -98,8 +98,20 @@ var SnapshotEvent = function() {
     });
 }
 
+var NavbarEvent = function() {
+    var burger = document.querySelector('.navbar-burger');
+    var menu = document.querySelector('.navbar-menu');
+
+    if (burger && menu) {
+        burger.addEventListener('click', function(e) {
+            menu.classList.toggle('is-active');
+        })
+    }
+}
+
 window.addEventListener('load', function() {
     ChartLoader();
     CameraEvent();
     SnapshotEvent();
+    NavbarEvent();
 }, false)

templates/base.html.twig

@@ -24,7 +24,7 @@
                 </a>
             </div>
 
-            <div class="navbar-menu is-active">
+            <div class="navbar-menu">
                 <div class="navbar-start">
                     <a class="navbar-item {% if app.request.attributes.get('_route') == 'charts' %}is-active{% endif %}" href="{{ path('charts') }}">
                         Graphiques