From 09c5e06ff94194fdacca175dbae1940c5ba5a37d Mon Sep 17 00:00:00 2001 From: "Calum H. (IMB11)" Date: Tue, 11 Nov 2025 22:46:17 +0000 Subject: [PATCH 1/2] fix: z index issues for mobile nav Closes: #4722 --- apps/frontend/src/layouts/default.vue | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/apps/frontend/src/layouts/default.vue b/apps/frontend/src/layouts/default.vue index ad84124a17..5af31cbc72 100644 --- a/apps/frontend/src/layouts/default.vue +++ b/apps/frontend/src/layouts/default.vue @@ -1901,7 +1901,7 @@ const footerLinks = [ bottom: 0; background-color: var(--color-raised-bg); box-shadow: 0 0 20px 2px rgba(0, 0, 0, 0.3); - z-index: 7; + z-index: 10000; width: 100%; align-items: center; justify-content: space-between; From 0f6b85b22b2d35599ad56c47ae6ecf5b6ce8c9dc Mon Sep 17 00:00:00 2001 From: "Calum H. (IMB11)" Date: Tue, 11 Nov 2025 23:32:01 +0000 Subject: [PATCH 2/2] fix: below modals --- apps/frontend/src/layouts/default.vue | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/apps/frontend/src/layouts/default.vue b/apps/frontend/src/layouts/default.vue index 5af31cbc72..60c2661c08 100644 --- a/apps/frontend/src/layouts/default.vue +++ b/apps/frontend/src/layouts/default.vue @@ -1820,7 +1820,7 @@ const footerLinks = [ padding-bottom: var(--size-rounded-card); left: 0; background-color: var(--color-raised-bg); - z-index: 6; + z-index: 11; // 20 = modals, 10 = svg icons transform: translateY(100%); transition: transform 0.4s cubic-bezier(0.54, 0.84, 0.42, 1); border-radius: var(--size-rounded-card) var(--size-rounded-card) 0 0; @@ -1901,7 +1901,7 @@ const footerLinks = [ bottom: 0; background-color: var(--color-raised-bg); box-shadow: 0 0 20px 2px rgba(0, 0, 0, 0.3); - z-index: 10000; + z-index: 11; // 20 = modals, 10 = svg icons width: 100%; align-items: center; justify-content: space-between;