From a2cd75c2c485985f9952c0e2089bfa569f147e64 Mon Sep 17 00:00:00 2001
From: Elian Doran <contact@eliandoran.me>
Date: Sat, 18 Apr 2026 17:36:31 +0300
Subject: [PATCH] feat(revisions): preserve monospace for code notes diff

---
 apps/client/src/widgets/dialogs/revisions.css | 9 +++++++++
 apps/client/src/widgets/dialogs/revisions.tsx | 4 ++--
 2 files changed, 11 insertions(+), 2 deletions(-)

diff --git a/apps/client/src/widgets/dialogs/revisions.css b/apps/client/src/widgets/dialogs/revisions.css
index 378d24c391..6ed398c149 100644
--- a/apps/client/src/widgets/dialogs/revisions.css
+++ b/apps/client/src/widgets/dialogs/revisions.css
@@ -210,6 +210,15 @@ body.desktop .revisions-dialog {
         }
     }
 
+    .revision-diff-code {
+        font-family: var(--font-family-monospace, monospace);
+        font-size: 0.9rem;
+        white-space: pre-wrap;
+        word-break: break-all;
+        max-width: 100%;
+        padding: 0;
+    }
+
     /* HTML diff styles (htmldiff-js) */
     .revision-diff-content {
         ins {
diff --git a/apps/client/src/widgets/dialogs/revisions.tsx b/apps/client/src/widgets/dialogs/revisions.tsx
index 3578599151..0b72b2e1e3 100644
--- a/apps/client/src/widgets/dialogs/revisions.tsx
+++ b/apps/client/src/widgets/dialogs/revisions.tsx
@@ -488,7 +488,7 @@ function RevisionContent({ noteContent, revisionItem, fullRevision, showDiff }:
         case "text":
             return <RevisionContentText content={content} />;
         case "code":
-            return <pre style={CODE_STYLE}>{content}</pre>;
+            return <div className="revision-diff-code">{content}</div>;
         case "image":
             switch (revisionItem.mime) {
                 case "image/svg+xml": {
@@ -571,7 +571,7 @@ function RevisionContentDiff({ noteContent, itemContent, itemType }: {
         }
     }, [noteContent, itemContent, itemType]);
 
-    return <div ref={contentRef} className={clsx("revision-diff-content", { "ck-content": itemType === "text" })} style={itemType !== "text" ? { whiteSpace: "pre-wrap" } : undefined} />;
+    return <div ref={contentRef} className={clsx("revision-diff-content", itemType === "text" ? "ck-content" : "revision-diff-code")} />;
 }