From: Danilo M. <redacted>
Date: Thu, 16 Apr 2026 10:14:41 +0000 (+0200)
Subject: fix: add position and z-index to footer for backdrop-filter to work
X-Git-Tag: release_22042026-1342~210
X-Git-Url: https://git.danix.xyz/?a=commitdiff_plain;h=15b93b3ef94e2d15c608c77e4b5c514e389f43d8;p=danix.xyz-2.git

fix: add position and z-index to footer for backdrop-filter to work
---

diff --git a/themes/danix-xyz-hacker/assets/css/main.css b/themes/danix-xyz-hacker/assets/css/main.css
index c1679ca..d564e83 100644
--- a/themes/danix-xyz-hacker/assets/css/main.css
+++ b/themes/danix-xyz-hacker/assets/css/main.css
@@ -190,6 +190,8 @@ html.theme-light {
 
   /* Footer styling with strong frosting */
   footer {
+    position: relative;
+    z-index: 20;
     -webkit-backdrop-filter: blur(20px);
     backdrop-filter: blur(20px);
   }
diff --git a/themes/danix-xyz-hacker/assets/css/main.min.css b/themes/danix-xyz-hacker/assets/css/main.min.css
index ab0359a..f6d7dcb 100644
--- a/themes/danix-xyz-hacker/assets/css/main.min.css
+++ b/themes/danix-xyz-hacker/assets/css/main.min.css
@@ -1292,6 +1292,8 @@ button,
 /* Footer styling with strong frosting */
 
 footer {
+  position: relative;
+  z-index: 20;
   -webkit-backdrop-filter: blur(20px);
   backdrop-filter: blur(20px);
 }
@@ -1375,6 +1377,10 @@ footer {
   z-index: 10;
 }
 
+.z-20 {
+  z-index: 20;
+}
+
 .z-40 {
   z-index: 40;
 }
diff --git a/themes/danix-xyz-hacker/layouts/partials/footer.html b/themes/danix-xyz-hacker/layouts/partials/footer.html
index fb02f88..27b2cb0 100644
--- a/themes/danix-xyz-hacker/layouts/partials/footer.html
+++ b/themes/danix-xyz-hacker/layouts/partials/footer.html
@@ -1,4 +1,4 @@
-<footer class="mt-16 border-t py-12" style="background-color: rgba(var(--bg2-rgb), 0.85); box-shadow: 0 0 20px var(--accent-glow);">
+<footer class="mt-16 border-t py-12 relative z-20" style="background-color: rgba(var(--bg2-rgb), 0.85); box-shadow: 0 0 20px var(--accent-glow);">
   <div class="container mx-auto px-4">
     <div class="grid md:grid-cols-3 gap-8 mb-8">
       <!-- About -->