From 550da60a1bfabdacd008edb047101347513a187c Mon Sep 17 00:00:00 2001
From: "(quasar) nebula" <qznebula@protonmail.com>
Date: Thu, 30 May 2024 22:12:58 -0300
Subject: content, css: generatePageLayout: dynamic sidebar skippers

---
 src/content/dependencies/generatePageLayout.js | 3 +++
 src/static/css/site.css                        | 5 +++++
 2 files changed, 8 insertions(+)

diff --git a/src/content/dependencies/generatePageLayout.js b/src/content/dependencies/generatePageLayout.js
index 0a96a19d..e3bfa065 100644
--- a/src/content/dependencies/generatePageLayout.js
+++ b/src/content/dependencies/generatePageLayout.js
@@ -424,8 +424,11 @@ export default {
           (condition === undefined
             ? hasID(id)
             : condition))
+
         .map(({id, string}) =>
           html.tag('span', {class: 'skipper'},
+            {'data-for': id},
+
             html.tag('a',
               {href: `#${id}`},
               language.$('misc.skippers', string))));
diff --git a/src/static/css/site.css b/src/static/css/site.css
index 41145a75..ef697db2 100644
--- a/src/static/css/site.css
+++ b/src/static/css/site.css
@@ -259,6 +259,11 @@ body::before {
   font-weight: 800;
 }
 
+#page-container:not(.showing-sidebar-left) #skippers .skipper[data-for=sidebar-left],
+#page-container:not(.showing-sidebar-right) #skippers .skipper[data-for=sidebar-right] {
+  display: none;
+}
+
 #banner {
   background: black;
   background-color: var(--dim-color);
-- 
cgit 1.3.0-6-gf8a5