fix(css): drop aggressive word-break in link content
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:
+5
-3
@@ -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 {
|
||||
|
||||
Reference in New Issue
Block a user