From 521ccd0928bb96a88cd33c7594da553432dfbc35 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?R=C5=ABdolfs=20O=C5=A1i=C5=86=C5=A1?= <rudolfs@osins.org>
Date: Wed, 8 May 2024 14:39:18 +0200
Subject: [PATCH] Fix code block overflow issue in comments

---
 src/components/Comment.svelte          |  4 +++-
 src/components/Markdown.svelte         |  1 -
 src/views/projects/Cob/Revision.svelte |  1 +
 src/views/projects/Issue.svelte        | 10 ++++++----
 src/views/projects/Patch.svelte        | 10 ++++++----
 5 files changed, 16 insertions(+), 10 deletions(-)

diff --git a/src/components/Comment.svelte b/src/components/Comment.svelte
index d71ef4f70..01cb2e95d 100644
--- a/src/components/Comment.svelte
+++ b/src/components/Comment.svelte
@@ -192,7 +192,9 @@
             state = "read";
           }} />
       {:else}
-        <Markdown breaks {rawPath} content={body} />
+        <div style:overflow="hidden">
+          <Markdown breaks {rawPath} content={body} />
+        </div>
       {/if}
     </div>
   {/if}
diff --git a/src/components/Markdown.svelte b/src/components/Markdown.svelte
index c9c481e86..82f8dbedf 100644
--- a/src/components/Markdown.svelte
+++ b/src/components/Markdown.svelte
@@ -214,7 +214,6 @@
     scroll-padding-top: 4rem;
   }
   .markdown {
-    max-width: 1024px;
     word-break: break-word;
   }
   .front-matter {
diff --git a/src/views/projects/Cob/Revision.svelte b/src/views/projects/Cob/Revision.svelte
index f354e3ec3..876763e6f 100644
--- a/src/views/projects/Cob/Revision.svelte
+++ b/src/views/projects/Cob/Revision.svelte
@@ -202,6 +202,7 @@
   .revision-description {
     margin-left: 2.75rem;
     padding-right: 0.5rem;
+    max-width: fit-content;
   }
   .author-metadata {
     color: var(--color-fill-gray);
diff --git a/src/views/projects/Issue.svelte b/src/views/projects/Issue.svelte
index 1430bf9d8..fadda6565 100644
--- a/src/views/projects/Issue.svelte
+++ b/src/views/projects/Issue.svelte
@@ -628,10 +628,12 @@
                 }
               }} />
           {:else if issue.discussion[0].body}
-            <Markdown
-              breaks
-              content={issue.discussion[0].body}
-              rawPath={rawPath(project.head)} />
+            <div style:max-width="fit-content">
+              <Markdown
+                breaks
+                content={issue.discussion[0].body}
+                rawPath={rawPath(project.head)} />
+            </div>
           {:else}
             <span class="txt-missing">No description</span>
           {/if}
diff --git a/src/views/projects/Patch.svelte b/src/views/projects/Patch.svelte
index b3e139a0d..b814f1ad5 100644
--- a/src/views/projects/Patch.svelte
+++ b/src/views/projects/Patch.svelte
@@ -848,10 +848,12 @@
                   }
                 }} />
             {:else if description}
-              <Markdown
-                breaks
-                content={description}
-                rawPath={rawPath(patch.id)} />
+              <div style:max-width="fit-content">
+                <Markdown
+                  breaks
+                  content={description}
+                  rawPath={rawPath(patch.id)} />
+              </div>
             {:else}
               <span class="txt-missing">No description available</span>
             {/if}