Tweak github button

discoveryjs · Feb 29, 2024 · 8de1a4b · 8de1a4b
1 parent 6e4d1ac
commit 8de1a4b
Show file tree

Hide file tree

Showing 6 changed files with 29 additions and 7 deletions.
diff --git a/docs/discovery/common.css b/docs/discovery/common.css
@@ -1,3 +1,20 @@
+.discovery-nav > .github::before {
+    --size: 15px;
+    content: "";
+    display: inline-block;
+    vertical-align: text-top;
+    height: var(--size);
+    aspect-ratio: 1/1;
+    margin-right: 5px;
+    margin-left: -3px;
+    background: url("./img/github.svg") no-repeat center;
+    background-size: calc(var(--size) - 0px);
+    opacity: .85;
+}
+.discovery-root-darkmode .discovery-nav > .github::before {
+    background-image: url("./img/github-white.svg");
+}
+
 .view-markdown {
     max-width: 850px;
 }

diff --git a/docs/discovery/common.js b/docs/discovery/common.js
@@ -0,0 +1,9 @@
+/* global discovery */
+
+Promise.resolve().then(() =>
+    discovery.nav.primary.append({
+        className: 'github',
+        content: 'text:"GitHub"',
+        data: { href: 'https://github.com/discoveryjs/jora' }
+    })
+);
diff --git a/docs/discovery/config.js b/docs/discovery/config.js
@@ -6,6 +6,7 @@ module.exports = {
     view: {
         noscript: './noscript.js',
         assets: [
+            './common.js',
             './common.css',
             './pages/default.css',
             './pages/default.js',

diff --git a/docs/discovery/img/github-white.svg b/docs/discovery/img/github-white.svg
diff --git a/docs/discovery/img/github.svg b/docs/discovery/img/github.svg
diff --git a/docs/discovery/pages/default.js b/docs/discovery/pages/default.js
@@ -1,12 +1,5 @@
 /* global discovery */
 
-Promise.resolve().then(() =>
-    discovery.nav.before('inspect', {
-        name: 'github',
-        data: '{ text: "GitHub", href: "https://github.com/discoveryjs/jora" }'
-    })
-);
-
 discovery.page.define('default', [
     {
         view: 'page-header',