Merge pull request #13 from Wolf2323/externalLinkIcons

fixed external link icons
BetonQuest · Dec 4, 2024 · 7a4ad1d · 7a4ad1d
2 parents 7d8520b + e959c04
commit 7a4ad1d
Show file tree

Hide file tree

Showing 7 changed files with 51 additions and 25 deletions.
diff --git a/docs/_custom_theme/externalLinkIcon.html b/docs/_custom_theme/externalLinkIcon.html
diff --git a/docs/_media/content/linkExternalDark.svg b/docs/_media/content/linkExternalDark.svg
diff --git a/docs/_media/content/linkExternalHover.svg b/docs/_media/content/linkExternalHover.svg
diff --git a/docs/_media/content/linkExternalWhite.svg b/docs/_media/content/linkExternalWhite.svg
diff --git a/docs/_webCode/css/externalLinkIcon.css b/docs/_webCode/css/externalLinkIcon.css
@@ -0,0 +1,15 @@
+body .md-content__inner a.external-link:not(.md-button,.noExternalLinkIcon) {
+  background-image: url("/_media/content/linkExternalWhite.svg");
+  background-repeat: no-repeat;
+  background-position: top right;
+  padding-right: 0.7em;
+  background-size: 0.6em;
+
+  &[data-md-color-scheme="slate"] {
+    background-image: url("/_media/content/linkExternalDark.svg");
+  }
+
+  &:hover {
+    background-image: url("/_media/content/linkExternalHover.svg");
+  }
+}
diff --git a/docs/_webCode/js/externalLinkIcon.js b/docs/_webCode/js/externalLinkIcon.js
@@ -0,0 +1,10 @@
+const currentDomain = window.location.origin;
+const links = document.querySelectorAll(".md-content__inner a");
+console.log("currentDomain: ", currentDomain);
+
+links.forEach(link => {
+  const href = link.href;
+  if (!href.startsWith(currentDomain)) {
+    link.classList.add("external-link");
+  }
+});
diff --git a/docs/mkdocs_parent.yml b/docs/mkdocs_parent.yml
@@ -11,11 +11,13 @@ extra_css:
   - '_webCode/css/contentAreaFullWidth.css'
   - '_webCode/css/coloredIcons.css'
   - '_webCode/css/mermaidCentered.css'
+  - '_webCode/css/externalLinkIcon.css'
 
 extra_javascript:
   - '_webCode/js/copyLinkToClipboard.js'
   - '_webCode/js/copyrightYearUpdater.js'
   - '_webCode/js/mathjax.js'
+  - '_webCode/js/externalLinkIcon.js'
   - https://polyfill.io/v3/polyfill.min.js?features=es6
   - https://cdn.jsdelivr.net/npm/mathjax@3/es5/tex-mml-chtml.js