content, css, test: tweak external link white-space handling

2 files changed, 9 insertions, 1 deletions

diff --git a/src/content/dependencies/linkExternal.js b/src/content/dependencies/linkExternal.js
index 2de1bc70..7a97762c 100644
--- a/src/content/dependencies/linkExternal.js
+++ b/src/content/dependencies/linkExternal.js
@@ -51,8 +51,8 @@ export default {
         });
     }
 
+    linkAttributes.set('class', 'external-link');
     linkAttributes.set('href', data.url);
-    linkAttributes.set('class', 'nowrap');
 
     if (slots.tab === 'separate') {
       linkAttributes.set('target', '_blank');
diff --git a/src/static/site6.css b/src/static/site6.css
index a29158c5..3d707f2c 100644
--- a/src/static/site6.css
+++ b/src/static/site6.css
@@ -468,6 +468,10 @@ a:not([href]):hover {
   text-decoration: none;
 }
 
+.external-link {
+  white-space: nowrap;
+}
+
 .nav-main-links .nav-link.current > span.nav-link-content > a {
   font-weight: 800;
 }
@@ -801,6 +805,10 @@ ul.image-details li {
   font-style: oblique;
 }
 
+.commentary-entry-body .external-link {
+  white-space: normal;
+}
+
 .commentary-art {
   float: right;
   width: 30%;