Radish alpha
r
rad:z4V1sjrXqjvFdnCUbxPFqd5p4DtH5
Radicle web interface
Radicle
Git
Fix code block overflow issue in comments
Merged rudolfs opened 1 year ago
5 files changed +16 -10 067295ed 521ccd09
modified 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}
modified src/components/Markdown.svelte
@@ -214,7 +214,6 @@
    scroll-padding-top: 4rem;
  }
  .markdown {
-
    max-width: 1024px;
    word-break: break-word;
  }
  .front-matter {
modified 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);
modified 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}
modified 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}