content, css, client: inert previous/next links

3 files changed, 47 insertions, 17 deletions

diff --git a/src/content/dependencies/generatePreviousNextLink.js b/src/content/dependencies/generatePreviousNextLink.js
index 9fe04aed..1c1bf27c 100644
--- a/src/content/dependencies/generatePreviousNextLink.js
+++ b/src/content/dependencies/generatePreviousNextLink.js
@@ -15,21 +15,42 @@ export default {
       type: 'boolean',
       default: true,
     },
+
+    showWithoutLink: {
+      type: 'boolean',
+      default: true,
+    },
   },
 
-  generate: (slots, {html, language}) =>
-    (html.isBlank(slots.link) || !slots.direction
-      ? html.blank()
-      : slots.link.slots({
-          tooltipStyle: 'browser',
-          color: false,
-
-          attributes:
-            (slots.id
-              ? {id: `${slots.direction}-button`}
-              : null),
-
-          content:
-            language.$('misc.nav', slots.direction),
-        })),
+  generate(slots, {html, language}) {
+    if (!slots.direction) {
+      return html.blank();
+    }
+
+    const attributes = html.attributes();
+
+    if (slots.id) {
+      attributes.set('id', `${slots.direction}-button`);
+    }
+
+    if (html.isBlank(slots.link)) {
+      if (slots.showWithoutLink) {
+        return (
+          html.tag('a', {class: 'inert-previous-next-link'},
+            attributes,
+            language.$('misc.nav', slots.direction)));
+      } else {
+        return html.blank();
+      }
+    }
+
+    return slots.link.slots({
+      tooltipStyle: 'browser',
+      color: false,
+      attributes,
+
+      content:
+        language.$('misc.nav', slots.direction),
+    });
+  },
 };
diff --git a/src/static/css/site.css b/src/static/css/site.css
index aa41746b..a46c0927 100644
--- a/src/static/css/site.css
+++ b/src/static/css/site.css
@@ -870,6 +870,10 @@ a:not([href]):hover {
   text-align: center;
 }
 
+.inert-previous-next-link {
+  opacity: 0.7;
+}
+
 .nowrap {
   white-space: nowrap;
 }
diff --git a/src/static/js/client/scripted-link.js b/src/static/js/client/scripted-link.js
index 5db86e13..ca1c2548 100644
--- a/src/static/js/client/scripted-link.js
+++ b/src/static/js/client/scripted-link.js
@@ -190,11 +190,16 @@ export function mutatePageContent() {
 }
 
 function mutateNavigationLinkContent() {
-  const prependTitle = (el, prepend) =>
-    el?.setAttribute('title',
+  const prependTitle = (el, prepend) => {
+    if (!el) return;
+    if (!el.hasAttribute('href')) return;
+
+    el?.setAttribute(
+      'title',
       (el.hasAttribute('title')
         ? prepend + ' ' + el.getAttribute('title')
         : prepend));
+  };
 
   prependTitle(info.nextNavLink, '(Shift+N)');
   prependTitle(info.previousNavLink, '(Shift+P)');