fix: markdown table text displaying vertically

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
This commit is contained in:
Quaylyn Rimer
2026-04-28 13:19:59 +02:00
committed by Rūdolfs Ošiņš
parent af7d2e5181
commit 255bc46c96
+4 -1
View File
@@ -402,9 +402,10 @@
}
.markdown :global(td) {
text-align: left;
text-overflow: ellipsis;
border: 1px solid var(--color-border-subtle);
padding: 0.5rem 1rem;
word-break: normal;
overflow-wrap: normal;
}
.markdown :global(tr:nth-child(even)) {
background-color: var(--color-surface-base);
@@ -412,6 +413,8 @@
.markdown :global(th) {
text-align: center;
padding: 0.5rem 1rem;
word-break: normal;
overflow-wrap: normal;
}
.markdown :global(*:first-child:not(pre)) {