From f7a547874bb51f9c6cc8d32523f2d8cfac82584d Mon Sep 17 00:00:00 2001 From: Peter Meier Date: Thu, 21 May 2026 14:26:52 +0200 Subject: [PATCH] fix(css): drop aggressive word-break in link content MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit Global rule `main a, .markdown a { word-break: break-all }` broke German words mid-character whenever the anchor wrapped non-URL content (e.g. PostCard wraps title/excerpt in ). Visible in PostOverview as "schützt" → "sc / hützt", "überall" → "über / all". Replaced with overflow-wrap: anywhere — still wraps long URLs softly, but only when nothing else fits. Co-Authored-By: Claude Sonnet 4.6 --- src/app.css | 8 +++++--- 1 file changed, 5 insertions(+), 3 deletions(-) diff --git a/src/app.css b/src/app.css index be55aae..af88ea6 100644 --- a/src/app.css +++ b/src/app.css @@ -314,11 +314,13 @@ main a:not(.no-underline):not([class*="btn"]):hover { color: var(--color-himmel-600); } -/* Lange URLs umbrechen, damit sie nicht über den Bildschirmrand ragen */ +/* Lange URLs/Links umbrechen ohne mitten im Wort zu trennen. + * `overflow-wrap: anywhere` bricht nur wenn nötig (lange URL), während das + * frühere `word-break: break-all` jedes Wort hackte — sichtbar bei + * Card-Links wie PostCard, wo der ganze Card-Text in einem `` liegt. */ main a, .markdown a { - overflow-wrap: break-word; - word-break: break-all; + overflow-wrap: anywhere; } main strong {