From 6a9b489687fb30804fa25e483f5423acdcbe2dfd Mon Sep 17 00:00:00 2001 From: Tino Ehrich Date: Thu, 18 Dec 2025 13:34:32 +0100 Subject: [PATCH 1/2] fix: allow long text to wrap in table cells - Remove white-space: nowrap from th and td:first-child - Add word-break, overflow-wrap, hyphens for proper wrapping - Fixes German compound words overflowing cell boundaries - Keeps table-layout: fixed for consistent column widths --- packages/shared/styles/markdown.css | 10 ++++++---- 1 file changed, 6 insertions(+), 4 deletions(-) diff --git a/packages/shared/styles/markdown.css b/packages/shared/styles/markdown.css index 8d30aa5..224ef0a 100644 --- a/packages/shared/styles/markdown.css +++ b/packages/shared/styles/markdown.css @@ -260,9 +260,9 @@ text-align: left !important; padding: 10px 16px; border: 1px solid var(--border-color); - white-space: nowrap; - overflow: hidden; - text-overflow: ellipsis; + word-break: break-word; + overflow-wrap: anywhere; + hyphens: auto; } .markdown-body td { @@ -271,12 +271,14 @@ vertical-align: top; text-align: left !important; word-wrap: break-word; + word-break: break-word; + overflow-wrap: anywhere; + hyphens: auto; } /* First column often contains labels - give it consistent treatment */ .markdown-body td:first-child { font-weight: 500; - white-space: nowrap; } .markdown-body tbody tr:nth-child(odd) { From 66dfdf2f053be4bef1f130d88cb46b498efa4a91 Mon Sep 17 00:00:00 2001 From: Tino Ehrich Date: Thu, 18 Dec 2025 14:56:58 +0100 Subject: [PATCH 2/2] refactor: remove redundant word-wrap and hyphens - Remove word-wrap (legacy alias, overflow-wrap suffices) - Remove hyphens: auto (needs lang attribute to work properly) --- packages/shared/styles/markdown.css | 3 --- 1 file changed, 3 deletions(-) diff --git a/packages/shared/styles/markdown.css b/packages/shared/styles/markdown.css index 224ef0a..6286e33 100644 --- a/packages/shared/styles/markdown.css +++ b/packages/shared/styles/markdown.css @@ -262,7 +262,6 @@ border: 1px solid var(--border-color); word-break: break-word; overflow-wrap: anywhere; - hyphens: auto; } .markdown-body td { @@ -270,10 +269,8 @@ border: 1px solid var(--border-color); vertical-align: top; text-align: left !important; - word-wrap: break-word; word-break: break-word; overflow-wrap: anywhere; - hyphens: auto; } /* First column often contains labels - give it consistent treatment */