From b81ef0b227a75a363996fefc28e45e83f7f7fee6 Mon Sep 17 00:00:00 2001 From: Ryan Gibson Date: Thu, 8 Aug 2024 23:21:43 -0400 Subject: [PATCH 1/2] Fix long URLs breaking out of article bounds on mobile --- assets/css/main.css | 7 +++++++ 1 file changed, 7 insertions(+) diff --git a/assets/css/main.css b/assets/css/main.css index 7f46d01e..d2ca6eeb 100644 --- a/assets/css/main.css +++ b/assets/css/main.css @@ -128,6 +128,13 @@ code { overflow-wrap: break-word; /* Renamed property in CSS3 draft spec */ } +/* Fix long URLs breaking out of article bounds on mobile */ +a { + word-break: break-word; + word-wrap: break-word; + overflow-wrap: break-word; +} + /* -- Chroma Highlight -- */ /* Background */ .prose .chroma { From ddb508446ccff6c09bf4b8cd7a714f5967db7c94 Mon Sep 17 00:00:00 2001 From: Ryan Gibson Date: Thu, 8 Aug 2024 23:24:15 -0400 Subject: [PATCH 2/2] Recompile CSS --- assets/css/compiled/main.css | 8 ++++++++ 1 file changed, 8 insertions(+) diff --git a/assets/css/compiled/main.css b/assets/css/compiled/main.css index 39360000..90172c6d 100644 --- a/assets/css/compiled/main.css +++ b/assets/css/compiled/main.css @@ -3346,6 +3346,14 @@ code { /* Renamed property in CSS3 draft spec */ } +/* Fix long URLs breaking out of article bounds on mobile */ + +a { + word-break: break-word; + word-wrap: break-word; + overflow-wrap: break-word; +} + /* -- Chroma Highlight -- */ /* Background */