From 10e5fa915a9c41664af9c1576b098466cde27e77 Mon Sep 17 00:00:00 2001
From: kolaente <k@knt.li>
Date: Thu, 16 Apr 2026 14:18:10 +0200
Subject: [PATCH] refactor(frontend): drop Bulma components/navbar import

.navbar and .navbar-end are only used in AppHeader.vue. Ports the
relevant rules (z-index 30 and min-block-size: $navbar-height) into
its scoped <style> block and drops the partial import.
---
 frontend/src/components/home/AppHeader.vue | 4 ++--
 frontend/src/styles/global.scss            | 2 +-
 2 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/frontend/src/components/home/AppHeader.vue b/frontend/src/components/home/AppHeader.vue
index 9bcc2fc98..d6ee315ec 100644
--- a/frontend/src/components/home/AppHeader.vue
+++ b/frontend/src/components/home/AppHeader.vue
@@ -164,10 +164,12 @@ $user-dropdown-width-mobile: 5rem;
 	inset-block-start: 0;
 	inset-inline-start: 0;
 	inset-inline-end: 0;
+	z-index: 30;
 
 	display: flex;
 	justify-content: space-between;
 	gap: var(--navbar-gap-width);
+	min-block-size: $navbar-height;
 
 	background: var(--site-background);
 
@@ -257,8 +259,6 @@ $user-dropdown-width-mobile: 5rem;
 }
 
 .navbar-end {
-	margin-inline-start: 0; // overrides bulma core styles
-	margin-inline-end: 0; // overrides bulma core styles
 	flex: 0 0 auto;
 	display: flex;
 	align-items: stretch;
diff --git a/frontend/src/styles/global.scss b/frontend/src/styles/global.scss
index 89db4fce8..3294ef496 100644
--- a/frontend/src/styles/global.scss
+++ b/frontend/src/styles/global.scss
@@ -50,7 +50,7 @@
 @import "bulma-css-variables/sass/components/menu";
 //@import "bulma-css-variables/sass/components/message"; // not used
 // @import "bulma-css-variables/sass/components/modal"; // not used; Modal.vue owns its own dialog-based styles
-@import "bulma-css-variables/sass/components/navbar";
+// @import "bulma-css-variables/sass/components/navbar"; // not used; ported into AppHeader.vue
 @import "bulma-css-variables/sass/components/pagination";
 // @import "bulma-css-variables/sass/components/panel"; // not used
 // @import "bulma-css-variables/sass/components/tabs"; // not used