navbar: Show burger button only when menu exists

[ipfire.org.git] / src / templates / blog / base.html

diff --git a/src/templates/blog/base.html b/src/templates/blog/base.html
index cddf2ee514dd3b935c1c0dfab53f50ee1e1b4561..90e501bb7318b5fb59ec5aeabec89807700a2f9d 100644 (file)
--- a/src/templates/blog/base.html
+++ b/src/templates/blog/base.html
@@ -7,14 +7,21 @@
 {% block subtitle %}{{ _("Blog") }}{% end block %}
 
 {% block menu %}
-       <form class="form-inline ml-auto my-2 my-lg-0" action="/search" method="GET">
-               <input class="form-control form-control-sm mr-sm-2" type="search" name="q"
-                       placeholder="{{ _("Search...") }}" aria-label="{{ _("Search") }}" value="{% try %}{{ q }}{% except %}{% end %}">
-       </form>
+       <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbar"
+                       aria-controls="navbar" aria-expanded="false" aria-label="Toggle navigation">
+               <span class="fas fa-bars"></span>
+       </button>
 
-       <a class="btn btn-primary btn-donate ml-2 d-none d-sm-block" href="/donate">
-               <span class="fas fa-heart"></span> {{ _("Donate") }}
-       </a>
+       <div class="collapse navbar-collapse" id="navbar">
+               <form class="form-inline ml-auto my-2 my-lg-0" action="/search" method="GET">
+                       <input class="form-control form-control-sm mr-sm-2" type="search" name="q"
+                               placeholder="{{ _("Search...") }}" aria-label="{{ _("Search") }}" value="{% try %}{{ q }}{% except %}{% end %}">
+               </form>
+
+               <a class="btn btn-primary btn-donate ml-2 d-none d-sm-block" href="/donate">
+                       <span class="fas fa-heart"></span> {{ _("Donate") }}
+               </a>
+       </div>
 {% end block %}
 
 {% block content %}