fix transparent nav bg (#6229)

open-chat-labs · Aug 13, 2024 · ac282f1 · ac282f1
1 parent 08d5e30
commit ac282f1
Show file tree

Hide file tree

Showing 4 changed files with 6 additions and 4 deletions.
diff --git 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
@@ -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
@@ -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
@@ -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;