From d9ab62e684366185849ab4003c4b0ef309cf7e7b Mon Sep 17 00:00:00 2001
From: Lucas Brandstaetter <lucas@brandstaetter.tech>
Date: Tue, 3 Dec 2024 23:15:44 +0000
Subject: [PATCH] Fix transparent mobile menu
---
src/plainui/styles/_variables-hub.scss | 1 +
src/plainui/styles/components/_nav.scss | 8 +++++++-
src/plainui/styles/themes/38c3/_38c3-variables.scss | 3 ++-
3 files changed, 10 insertions(+), 2 deletions(-)
diff --git a/src/plainui/styles/_variables-hub.scss b/src/plainui/styles/_variables-hub.scss
index f03435654..98d5265d0 100644
--- a/src/plainui/styles/_variables-hub.scss
+++ b/src/plainui/styles/_variables-hub.scss
@@ -103,6 +103,7 @@ $hub-tag-user-color: $black !default;
$hub-main-nav-category-font-weight: 300 !default;
$hub-main-nav-bg: $body-bg-dark !default;
+$hub-main-nav-bg-mobile: $body-bg-dark !default;
/* Lists*/
diff --git a/src/plainui/styles/components/_nav.scss b/src/plainui/styles/components/_nav.scss
index 3b907ce02..25a9e8c51 100644
--- a/src/plainui/styles/components/_nav.scss
+++ b/src/plainui/styles/components/_nav.scss
@@ -1,5 +1,5 @@
.hub-main-navbar {
- background-color: $hub-main-nav-bg;
+ background-color: $hub-main-nav-bg-mobile;
display: flex;
flex-direction: column;
height: 100vh;
@@ -11,6 +11,12 @@
z-index: 1000;
}
+@include media-breakpoint-up(md) {
+ .hub-main-navbar {
+ background-color: $hub-main-nav-bg;
+ }
+}
+
.hub-main-navbar-items {
padding-bottom: 4rem;
}
diff --git a/src/plainui/styles/themes/38c3/_38c3-variables.scss b/src/plainui/styles/themes/38c3/_38c3-variables.scss
index f2e95dc19..759444064 100644
--- a/src/plainui/styles/themes/38c3/_38c3-variables.scss
+++ b/src/plainui/styles/themes/38c3/_38c3-variables.scss
@@ -10,7 +10,8 @@ $hub-event-list-now-color: $black;
$hub-head-page-font: 400 40px "Space Grotesk";
$hub-head-page-color: $primary;
-$hub-main-nav-bg: "transparent";
+$hub-main-nav-bg: transparent;
+$hub-main-nav-bg-mobile: black;
$hub-main-nav-category-font-weight: normal;
$hub-head-category-font: 400 22px "Space Grotesk";
--
GitLab