content, css: always allow wrapping on external links from content

3 files changed, 14 insertions, 6 deletions

diff --git a/src/content/dependencies/linkExternal.js b/src/content/dependencies/linkExternal.js
index 39a593b..f6b47db 100644
--- a/src/content/dependencies/linkExternal.js
+++ b/src/content/dependencies/linkExternal.js
@@ -24,6 +24,11 @@ export default {
       default: 'generic',
     },
 
+    fromContent: {
+      type: 'boolean',
+      default: false,
+    },
+
     indicateExternal: {
       type: 'boolean',
       default: false,
@@ -93,6 +98,10 @@ export default {
       }
     }
 
+    if (slots.fromContent) {
+      linkAttributes.add('class', 'from-content');
+    }
+
     if (urlIsValid && slots.indicateExternal) {
       linkAttributes.add('class', 'indicate-external');
 
diff --git a/src/content/dependencies/transformContent.js b/src/content/dependencies/transformContent.js
index d409df8..15c8701 100644
--- a/src/content/dependencies/transformContent.js
+++ b/src/content/dependencies/transformContent.js
@@ -347,7 +347,10 @@ export default {
             const {label} = node.data;
             const externalLink = relations.externalLinks[externalLinkIndex++];
 
-            externalLink.setSlot('content', label);
+            externalLink.setSlots({
+              content: label,
+              fromContent: true,
+            });
 
             if (slots.indicateExternalLinks) {
               externalLink.setSlots({
diff --git a/src/static/site6.css b/src/static/site6.css
index 83a066c..e47bb1f 100644
--- a/src/static/site6.css
+++ b/src/static/site6.css
@@ -468,7 +468,7 @@ a:not([href]):hover {
   text-decoration: none;
 }
 
-.external-link {
+.external-link:not(.from-content) {
   white-space: nowrap;
 }
 
@@ -813,10 +813,6 @@ ul.image-details li {
   font-style: oblique;
 }
 
-.commentary-entry-body .external-link {
-  white-space: normal;
-}
-
 .commentary-art {
   float: right;
   width: 30%;