content, css, client: inert previous/next links

2 files changed, 11 insertions, 2 deletions

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)');