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);
|
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,
|
main a,
|
||||||
.markdown a {
|
.markdown a {
|
||||||
overflow-wrap: break-word;
|
overflow-wrap: anywhere;
|
||||||
word-break: break-all;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
main strong {
|
main strong {
|
||||||
|
|||||||
Reference in New Issue
Block a user