From ac282f1cf4e3de99aca72578f89f4a9c101b8728 Mon Sep 17 00:00:00 2001
From: Julian Jelfs <julian.jelfs@gmail.com>
Date: Tue, 13 Aug 2024 10:52:08 +0100
Subject: [PATCH] fix transparent nav bg (#6229)

---
 frontend/app/src/components/AlertBox.svelte                | 2 +-
 frontend/app/src/components/home/profile/ChitEvents.svelte | 4 +++-
 frontend/app/src/theme/community/signals.ts                | 2 +-
 frontend/app/src/theme/community/white.ts                  | 2 +-
 4 files changed, 6 insertions(+), 4 deletions(-)

diff --git a/frontend/app/src/components/AlertBox.svelte b/frontend/app/src/components/AlertBox.svelte
index ea1e2a0549..81f481e04b 100644
--- a/frontend/app/src/components/AlertBox.svelte
+++ b/frontend/app/src/components/AlertBox.svelte
@@ -19,7 +19,7 @@
 <style lang="scss">
     .alert-box {
         padding: $sp4;
-        border: 1px solid var(--warn);
+        border: var(--bw) solid var(--warn);
         display: flex;
         align-items: flex-start;
         gap: $sp3;
diff --git a/frontend/app/src/components/home/profile/ChitEvents.svelte b/frontend/app/src/components/home/profile/ChitEvents.svelte
index c5fd09a394..d455a5cfc1 100644
--- a/frontend/app/src/components/home/profile/ChitEvents.svelte
+++ b/frontend/app/src/components/home/profile/ChitEvents.svelte
@@ -13,6 +13,7 @@
     import { i18nKey } from "../../../i18n/i18n";
     import { chitPopup, utcMode } from "../../../stores/settings";
     import Translatable from "../../Translatable.svelte";
+    import { menuCloser } from "../../../actions/closeMenu";
 
     const client = getContext<OpenChat>("client");
     let busy = false;
@@ -86,7 +87,7 @@
     }
 </script>
 
-<div class="chit-events">
+<div use:menuCloser class="chit-events">
     <div class="header">
         {#if streak > 0}
             <div class="streak">
@@ -136,6 +137,7 @@
         display: flex;
         flex-direction: column;
         padding: $sp5 $sp5 0 $sp5;
+        @include nice-scrollbar();
         @include mobile() {
             padding: $sp4 $sp4 0 $sp4;
         }
diff --git a/frontend/app/src/theme/community/signals.ts b/frontend/app/src/theme/community/signals.ts
index ab4f07e456..9558e66198 100644
--- a/frontend/app/src/theme/community/signals.ts
+++ b/frontend/app/src/theme/community/signals.ts
@@ -44,7 +44,7 @@ export function getTheme(base: Theme): Theme {
     base.entry.input.sh = "none";
     base.entry.input.bd = black;
     base.panel.bg = "transparent";
-    base.panel.nav.bg = "transparent";
+    base.panel.nav.bg = white;
     base.panel.left.bg = "transparent";
     base.panel.right.bg = "transparent";
     base.panel.right.modal = white;
diff --git a/frontend/app/src/theme/community/white.ts b/frontend/app/src/theme/community/white.ts
index 6dbc287185..265f7b4934 100644
--- a/frontend/app/src/theme/community/white.ts
+++ b/frontend/app/src/theme/community/white.ts
@@ -35,7 +35,7 @@ export function getTheme(base: Theme): Theme {
     base.entry.input.sh = "inset 0px 2px 4px rgba(138, 138, 138, 0.5)";
     base.panel.bg = "transparent";
     base.panel.left.bg = "transparent";
-    base.panel.nav.bg = "transparent";
+    base.panel.nav.bg = white;
     base.panel.right.bg = "transparent";
     base.panel.right.modal = white;
     base.chatSearch.bg = textBox;