Radish alpha
r
rad:z4D5UCArafTzTQpDZNQRuqswh3ury
Radicle desktop app
Radicle
Git
fix: markdown table text displaying vertically
Archived did:key:z6Mkgi3E...CKMz opened 3 months ago

Fixes issue where markdown table cell text was rendering character-by-character vertically instead of horizontally. The root cause was the parent .markdown container’s word-break: break-word property affecting table cells.

Solution: Override word-break and overflow-wrap to ‘normal’ for table cells (td and th) to prevent character-level breaking while maintaining proper text wrapping behavior.

Fixes: 90c33657e807e809594049c18968254438f88f7b

1 file changed +4 -1 e48cc100 cd464133
modified src/components/Markdown.svelte
@@ -410,9 +410,10 @@
  }
  .markdown :global(td) {
    text-align: left;
-
    text-overflow: ellipsis;
    border: 1px solid var(--color-border-hint);
    padding: 0.5rem 1rem;
+
    word-break: normal;
+
    overflow-wrap: normal;
  }
  .markdown :global(tr:nth-child(even)) {
    background-color: var(--color-background-default);
@@ -420,6 +421,8 @@
  .markdown :global(th) {
    text-align: center;
    padding: 0.5rem 1rem;
+
    word-break: normal;
+
    overflow-wrap: normal;
  }

  .markdown :global(*:first-child:not(pre)) {