style-mark

Author: AntoLC

src/frontend/apps/impress/src/features/docs/doc-editor/components/comments/DocsThreadStore.tsx

@@ -266,7 +266,11 @@ export class DocsThreadStore extends ThreadStore {
     }
 
     const serverThread = (await response.json()) as ServerThread;
+
     const td = serverThreadToThreadData(serverThread);
+
+    console.log('serverThread', td);
+
     this.upsertThreadData(td);
     this.notifySubscribers();
   }

src/frontend/apps/impress/src/features/docs/doc-editor/styles.tsx

@@ -128,14 +128,11 @@ export const cssEditor = (readonly: boolean, canSeeComment: boolean) => css`
     /**
      * Comments
      */
-    ${!canSeeComment &&
-    css`
-      .bn-thread-mark,
-      .bn-thread-mark-selected {
-        background: transparent;
-        color: var(--c--theme--colors--greyscale-700);
-      }
-    `}
+    .bn-thread-mark:not([data-orphan='true']),
+    .bn-thread-mark-selected:not([data-orphan='true']) {
+      background: ${canSeeComment ? '#F4D261' : 'transparent'};
+      color: var(--c--theme--colors--greyscale-700);
+    }
   }
 
   & .bn-block-outer:not(:first-child) {