Make notes slightly lighter in the results

WorldBrain · Jun 13, 2024 · 9192bcf · 9192bcf
1 parent 2655d2c
commit 9192bcf
Show file tree

Hide file tree

Showing 3 changed files with 17 additions and 16 deletions.
diff --git a/external/@worldbrain/memex-common b/external/@worldbrain/memex-common
diff --git a/src/annotations/components/AnnotationEditable.tsx b/src/annotations/components/AnnotationEditable.tsx
@@ -1801,22 +1801,18 @@ const CommentBox = styled.div`
     `}
 `
 
-const AnnotationStyled = styled.div`
+const AnnotationStyled = styled.div<{}>`
     box-sizing: border-box;
     display: flex;
     flex-direction: column;
     font-size: 14px;
     cursor: pointer;
     border-radius: inherit;
 
-    cursor: ${({ theme }) => theme.cursor}
-        ${({ theme }) =>
-            theme.isEditing &&
-            css`
-                background-color: ${(props) => props.theme.colors.greyScale1};
-                cursor: default;
-            `};
-
+    background: ${(props) =>
+        props.theme.variant === 'dark'
+            ? props.theme.colors.greyScale1
+            : props.theme.colors.greyScale3}96;
     ${({ theme }) =>
         theme.isActive &&
         `

diff --git a/src/dashboard-refactor/search-results/components/page-result.tsx b/src/dashboard-refactor/search-results/components/page-result.tsx
@@ -929,13 +929,13 @@ export default class PageResultView extends PureComponent<Props> {
                 hoverState={this.props.isInFocus}
                 onRef={this.itemBoxRef} // Passing the ref as a prop
             >
-                {this.props.uploadedPdfLinkLoadState === 'running' && (
-                    <LoadingBox>
-                        <LoadingIndicator size={30} />
-                        Loading PDF
-                    </LoadingBox>
-                )}
                 <StyledPageResult>
+                    {this.props.uploadedPdfLinkLoadState === 'running' && (
+                        <LoadingBox>
+                            <LoadingIndicator size={30} />
+                            Loading PDF
+                        </LoadingBox>
+                    )}
                     <PageContentBox
                         // onMouseOver={this.props.onMainContentHover}
                         // onMouseLeave={
@@ -1228,6 +1228,11 @@ const StyledPageResult = styled.div`
     position: relative;
     border-radius: 12px;
 
+    background: ${(props) =>
+        props.theme.variant === 'dark'
+            ? props.theme.colors.greyScale1
+            : props.theme.colors.greyScale3};
+
     ${(props) =>
         props.theme.variant === 'light' &&
         css`