From 57ed5a481daea7bfe044a2edaffccd99d6dd91c7 Mon Sep 17 00:00:00 2001
From: Michael Tremer <michael.tremer@ipfire.org>
Date: Mon, 9 Oct 2023 16:00:24 +0000
Subject: [PATCH] base: Make navbar items tabs

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

Signed-off-by: Michael Tremer <michael.tremer@ipfire.org>
---
 src/templates/base.html | 12 ++++++------
 1 file changed, 6 insertions(+), 6 deletions(-)

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"
-- 
2.47.3