Merge pull request #261 from codex-team/fix-covers

fix(covers): cover sending fix
codex-team · Jul 13, 2024 · 6a65050 · 6a65050
2 parents 3dab6d4 + 26e909a
commit 6a65050
Show file tree

Hide file tree

Showing 3 changed files with 11 additions and 1 deletion.
diff --git a/codex-ui/src/vue/components/editor/Editor.vue b/codex-ui/src/vue/components/editor/Editor.vue
@@ -76,6 +76,11 @@ defineExpose({
   isEmpty(): boolean {
     return isEmpty.value;
   },
+
+  /**
+   * Returns the editor holder
+   */
+  element: editorComponent.value,
 });
 </script>
 

diff --git a/src/infrastructure/utils/screenshot.ts b/src/infrastructure/utils/screenshot.ts
@@ -12,6 +12,10 @@ export async function makeElementScreenshot(element: HTMLElement, containerStyle
    */
   const screenshotContainer = document.createElement('div');
 
+  screenshotContainer.setAttribute('color-scheme', 'dark');
+  screenshotContainer.setAttribute('theme-base', 'graphite');
+  screenshotContainer.setAttribute('theme-accent', 'sky');
+
   /**
    * Assign passed styles to container
    */

diff --git a/src/presentation/pages/Note.vue b/src/presentation/pages/Note.vue
@@ -122,7 +122,7 @@ async function noteChanged(data: NoteContent): Promise<void> {
   /**
    * Get html element with note
    */
-  const editorElement = document.getElementById('editorjs');
+  const editorElement = editor.value ? editor.value.element : null;
 
   if (!isEmpty) {
     await save(data, props.parentId);
@@ -133,6 +133,7 @@ async function noteChanged(data: NoteContent): Promise<void> {
     if (editorElement !== null) {
       updatedNoteCover = await makeElementScreenshot(editorElement, {
         background: 'var(--base--bg-primary)',
+        color: 'var(--base--text)',
         display: 'flex',
         justifyContent: 'center',
         width: '1200px',