From 289e153c64ba5c8a87ed60fa1f8f2e7ef9634c78 Mon Sep 17 00:00:00 2001
From: Étienne Loks <etienne.loks@iggdrasil.net>
Date: Mon, 30 Oct 2017 16:05:13 +0100
Subject: UI: work on responsive menu

---
 ishtar_common/templates/navbar.html | 22 +++++++++++++---------
 1 file changed, 13 insertions(+), 9 deletions(-)

(limited to 'ishtar_common/templates/navbar.html')

diff --git a/ishtar_common/templates/navbar.html b/ishtar_common/templates/navbar.html
index 228f18530..0f6036a6c 100644
--- a/ishtar_common/templates/navbar.html
+++ b/ishtar_common/templates/navbar.html
@@ -1,15 +1,18 @@
 {% load i18n %}
 <header class="navbar navbar-expand-lg navbar-dark bg-dark">
     {% block header %}
-    <nav class="navbar">
-        <a class="navbar-brand" href="/">
-            <img src="{{STATIC_URL}}media/images/ishtar-blason.svg"
-                 width="30" height="30" alt="">
-        </a>
-    </nav>
-    <div class="collapse navbar-collapse">
-        {% include "actions.html" %}
-    </div>
+    <a class="navbar-brand" href="/">
+        <img src="{{STATIC_URL}}media/images/ishtar-blason.svg"
+             width="30" height="30" alt="">
+    </a>
+    {% include "actions.html" %}
+    <button class="navbar-toggler" type="button"
+            data-toggle="collapse" data-target="#navbar-actions"
+            aria-controls="navbar-actions" aria-expanded="false"
+            aria-label="Toggle navigation">
+        <span class="navbar-toggler-icon"></span>
+    </button>
+    <div class="collapse navbar-collapse justify-content-end" id="navbar-actions">
     <ul class="navbar-nav">
         {% if APP_NAME %}
         <li class="nav-item">
@@ -51,5 +54,6 @@
         </li>
         {% endif %}
     </ul>
+    </div>
     {% endblock %}
 </header>
-- 
cgit v1.2.3