From 49b0b5eeab42fbd93bd2458c32c6170ab3edd0bf Mon Sep 17 00:00:00 2001 From: Hsieh Chin Fan Date: Sat, 12 Oct 2024 15:46:16 +0800 Subject: refactor: add external class in generateMaps() --- src/css/dumbymap.css | 5 ++--- src/dumbymap.mjs | 10 +++++++++- 2 files changed, 11 insertions(+), 4 deletions(-) (limited to 'src') 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 => { -- cgit v1.2.3-70-g09d2