fix highlighting ig

targoninc · Jun 30, 2024 · d2a7f66 · d2a7f66
1 parent 51aaf78
commit d2a7f66
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 7 deletions.
diff --git a/ui/classes.css b/ui/classes.css
@@ -731,18 +731,19 @@
 
 .attachment.text code {
     width: 100%;
-    height: 300px;
+    height: 200px;
     overflow: auto;
     padding: 1em;
     background: var(--bg-3);
     border-radius: var(--input-border-radius);
     box-sizing: border-box;
-}
-
-.attachment.text code {
     font-family: monospace;
     font-size: 0.8em;
-    white-space: pre-wrap;
+    white-space: preserve;
+}
+
+.attachment.text {
+    width: 100%;
 }
 
 .attachment-floating-buttons {

diff --git a/ui/components/attachment.mjs b/ui/components/attachment.mjs
@@ -117,7 +117,8 @@ export class AttachmentTemplates {
             method: "GET",
             credentials: "include"
         }).then(async text => {
-            fileContent.value = await text.text();
+            fileContent.value = (await text.text())
+                .replaceAll(/\n/g, '<br/>');
             hljs.highlightElement(document.getElementById(id));
         });
 
@@ -129,7 +130,7 @@ export class AttachmentTemplates {
                     .children(
                         create("code")
                             .id(id)
-                            .text(fileContent)
+                            .html(fileContent)
                             .build()
                     ).build(),
                 create("div")