From d4e115040eb2e87fd524ff5e3719adffc30a6a28 Mon Sep 17 00:00:00 2001
From: Oliver <oli@worldbrain.io>
Date: Thu, 30 May 2024 17:56:23 +0200
Subject: [PATCH] finally remove rendering glitches from inpage dashboard

---
 external/@worldbrain/memex-common |  2 +-
 src/dashboard-refactor/index.tsx  | 10 +++++++---
 2 files changed, 8 insertions(+), 4 deletions(-)

diff --git a/external/@worldbrain/memex-common b/external/@worldbrain/memex-common
index 7c76fb7c7b..c9a77f55f2 160000
--- a/external/@worldbrain/memex-common
+++ b/external/@worldbrain/memex-common
@@ -1 +1 @@
-Subproject commit 7c76fb7c7b1df6395539f7070744b68aee868251
+Subproject commit c9a77f55f245a0a8709454e763c5eaa79c31a816
diff --git a/src/dashboard-refactor/index.tsx b/src/dashboard-refactor/index.tsx
index 5fe70fc7f9..e563a3b836 100644
--- a/src/dashboard-refactor/index.tsx
+++ b/src/dashboard-refactor/index.tsx
@@ -2389,11 +2389,15 @@ const ListSidebarContent = styled(Rnd)<{
         `}
     ${(props) =>
         props.peeking &&
-        css`
+        css<any>`
             position: absolute
             height: max-content;
-            background-color: ${(props) => props.theme.colors.greyScale1}98;
-            backdrop-filter: blur(30px);
+            background-color: ${(props) =>
+                props.inPageMode
+                    ? props.theme.colors.greyScale1
+                    : props.theme.colors.greyScale1 + '98'};
+            backdrop-filter: ${(props) =>
+                props.inPageMode ? 'unset' : 'blur(30px)'};
             //box-shadow: rgb(16 30 115 / 3%) 4px 0px 16px;
             margin-top: 50px;
             margin-bottom: 9px;