base: Make navbar items tabs

This way, the is-active class has an actual effect.

Signed-off-by: Michael Tremer <michael.tremer@ipfire.org>

diff --git a/src/templates/base.html b/src/templates/base.html
index 658a4411262c412a442af22ce5f5d81c98a3ed70..b5cc0262332a7378dcaebe7ebc6dab7548488762 100644 (file)
--- a/src/templates/base.html
+++ b/src/templates/base.html
@@ -54,7 +54,7 @@
                                                                {% if request.path.startswith("/blog") %}
                                                                        {# Navigation for Blog Authors #}
                                                                        {% if current_user and current_user.is_blog_author() %}
-                                                                               <a class="navbar-item {% if request.path == "/blog/drafts" %}is-active{% end %}" href="/blog/drafts">
+                                                                               <a class="navbar-item is-tab {% if request.path == "/blog/drafts" %}is-active{% end %}" href="/blog/drafts">
                                                                                        {{ _("My Drafts") }}
                                                                                </a>
                                                                        {% end %}
@@ -91,15 +91,15 @@
                                                                        </div>
                                                                {% end %}
 
-                                                               <a class="navbar-item {% if request.path == "/about" %}is-active{% end %}" href="/about">{{ _("About") }}</a>
+                                                               <a class="navbar-item is-tab {% if request.path == "/about" %}is-active{% end %}" href="/about">{{ _("About") }}</a>
 
-                                                               <a class="navbar-item {% if request.path.startswith("/docs") %}is-active{% end %}" href="/docs">{{ _("Documentation") }}</a>
+                                                               <a class="navbar-item is-tab {% if request.path.startswith("/docs") %}is-active{% end %}" href="/docs">{{ _("Documentation") }}</a>
 
-                                                               <a class="navbar-item {% if request.path.startswith("/download") %}is-active{% end %}" href="/download">{{ _("Download") }}</a>
+                                                               <a class="navbar-item is-tab {% if request.path.startswith("/download") %}is-active{% end %}" href="/download">{{ _("Download") }}</a>
 
-                                                               <a class="navbar-item {% if request.path.startswith("/blog") %}is-active{% end %}" href="/blog">{{ _("Blog") }}</a>
+                                                               <a class="navbar-item is-tab {% if request.path.startswith("/blog") %}is-active{% end %}" href="/blog">{{ _("Blog") }}</a>
 
-                                                               <a class="navbar-item {% if request.path == "/help" %}is-active{% end %}" href="/help">{{ _("Help") }}</a>
+                                                               <a class="navbar-item is-tab {% if request.path == "/help" %}is-active{% end %}" href="/help">{{ _("Help") }}</a>
 
                                                                <div class="navbar-item">
                                                                        <a class="button is-lwl has-text-weight-bold is-uppercase"