finally remove rendering glitches from inpage dashboard

WorldBrain · May 30, 2024 · d4e1150 · d4e1150
1 parent 2753aa8
commit d4e1150
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 4 deletions.
diff --git a/external/@worldbrain/memex-common b/external/@worldbrain/memex-common
diff --git 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;