fix(css): drop aggressive word-break in link content
Deploy / verify (push) Successful in 58s
Deploy / deploy (push) Successful in 1m6s

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 <a href>). 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 <noreply@anthropic.com>
This commit is contained in:
Peter Meier
2026-05-21 14:26:52 +02:00
parent 81c82c33e6
commit f7a547874b
+5 -3
View File
@@ -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 `<a>` liegt. */
main a,
.markdown a {
overflow-wrap: break-word;
word-break: break-all;
overflow-wrap: anywhere;
}
main strong {