refactor: add external class in generateMaps()

2 files changed, 11 insertions, 4 deletions

diff --git a/src/css/dumbymap.css b/src/css/dumbymap.css
index 7aff339..416c216 100644
--- a/src/css/dumbymap.css
+++ b/src/css/dumbymap.css
@@ -48,12 +48,11 @@ root {
   }
 }
 
-a[href^='http']:not(:has(img))::after,
 .external::after {
   content: '';
   display: inline-block;
-  width: 8px;
-  height: 8px;
+  width: 10px;
+  height: 10px;
   margin-right: 4px;
   margin-left: 2px;
 
diff --git a/src/dumbymap.mjs b/src/dumbymap.mjs
index e5dd2cd..4a11bcb 100644
--- a/src/dumbymap.mjs
+++ b/src/dumbymap.mjs
@@ -177,10 +177,18 @@ export const generateMaps = (container, {
     }
   })
 
-  /** Create GeoLinks and DocLinks */
+  /** Create DocLinks */
   container.querySelectorAll(docLinkSelector)
     .forEach(utils.createDocLink)
 
+  /** Add external symbol on anchors */
+  container.querySelectorAll('a')
+    .forEach(a => {
+      if (a.href.startsWith('http') && !a.href.startsWith(window.location.origin)) {
+        a.classList.add('external')
+      }
+    })
+
   /** Set CRS and GeoLinks */
   register(proj4)
   fromEPSGCode(crs).then(projection => {