client: Use correct background for code note preview

TriliumNext · Nov 7, 2024 · 1261bdb · 1261bdb
1 parent 91fa1a6
commit 1261bdb
Showing 1 changed file with 3 additions and 3 deletions.
diff --git a/src/public/app/services/content_renderer.js b/src/public/app/services/content_renderer.js
@@ -122,10 +122,10 @@ async function renderText(note, $renderedContent) {
 async function renderCode(note, $renderedContent) {
     const blob = await note.getBlob();
 
-    const $codeBlock = $("<pre>"); 
+    const $codeBlock = $("<code>");
     $codeBlock.text(blob.content);
-    applySingleBlockSyntaxHighlight($codeBlock, mime_types.normalizeMimeTypeForCKEditor(note.mime));
-    $renderedContent.append($codeBlock);
+    $renderedContent.append($("<pre>").append($codeBlock));
+    await applySingleBlockSyntaxHighlight($codeBlock, mime_types.normalizeMimeTypeForCKEditor(note.mime));
 }
 
 function renderImage(entity, $renderedContent, options = {}) {