From: Michael Tremer <michael.tremer@ipfire.org>
Date: Mon, 9 Oct 2023 16:00:24 +0000 (+0000)
Subject: base: Make navbar items tabs
X-Git-Url: http://git.ipfire.org/?a=commitdiff_plain;h=57ed5a481daea7bfe044a2edaffccd99d6dd91c7;p=ipfire.org.git

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 658a4411..b5cc0262 100644
--- 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"