From 8ed4246699ed8f2bb9000a14b01b02bec8ee5ada Mon Sep 17 00:00:00 2001
From: yfantse <sevasti.yfanti@cloudform.lu>
Date: Tue, 19 Mar 2024 18:52:32 +0200
Subject: [PATCH] fix: global banner's dropdown goes above toolbar (z-axis)

---
 src/css/header.css | 4 ++--
 src/css/vars.css   | 2 ++
 2 files changed, 4 insertions(+), 2 deletions(-)

diff --git a/src/css/header.css b/src/css/header.css
index 675d5ff..f0e8b72 100644
--- a/src/css/header.css
+++ b/src/css/header.css
@@ -1,9 +1,9 @@
 .globan {
-  z-index: 1 !important;
+  z-index: var(--z-index-globan) !important;
 }
 
 .header {
-  z-index: 2;
+  z-index: var(--z-index-header);
 }
 
 html.is-clipped--navbar {
diff --git a/src/css/vars.css b/src/css/vars.css
index e23b817..9ac207d 100644
--- a/src/css/vars.css
+++ b/src/css/vars.css
@@ -334,4 +334,6 @@
   --z-index-toolbar: 2;
   --z-index-page-version-menu: 3;
   --z-index-navbar: 4;
+  --z-index-header: 4;
+  --z-index-globan: 3;
 }