From 27b5e9a6fd4dff1ab3a1dced2d01cc056940fc6e Mon Sep 17 00:00:00 2001
From: "(quasar) nebula" <qznebula@protonmail.com>
Date: Thu, 19 Dec 2024 12:12:59 -0400
Subject: content, css: generate{Album,]SecondaryNav: alwaysVisible slot

---
 src/content/dependencies/generateAlbumSecondaryNav.js | 7 +++++++
 src/content/dependencies/generateSecondaryNav.js      | 9 +++++++++
 2 files changed, 16 insertions(+)

(limited to 'src/content')

diff --git a/src/content/dependencies/generateAlbumSecondaryNav.js b/src/content/dependencies/generateAlbumSecondaryNav.js
index 5a5ebbda..79a26b19 100644
--- a/src/content/dependencies/generateAlbumSecondaryNav.js
+++ b/src/content/dependencies/generateAlbumSecondaryNav.js
@@ -75,6 +75,11 @@ export default {
       validate: v => v.is('album', 'track'),
       default: 'album',
     },
+
+    alwaysVisible: {
+      type: 'boolean',
+      default: false,
+    },
   },
 
   generate(relations, slots, {html}) {
@@ -102,6 +107,8 @@ export default {
     ];
 
     return relations.secondaryNav.slots({
+      alwaysVisible: slots.alwaysVisible,
+
       class: [
         'album-secondary-nav',
 
diff --git a/src/content/dependencies/generateSecondaryNav.js b/src/content/dependencies/generateSecondaryNav.js
index e9aef66e..f4081e70 100644
--- a/src/content/dependencies/generateSecondaryNav.js
+++ b/src/content/dependencies/generateSecondaryNav.js
@@ -10,11 +10,20 @@ export default {
     class: {
       validate: v => v.anyOf(v.isString, v.sparseArrayOf(v.isString)),
     },
+
+    alwaysVisible: {
+      type: 'boolean',
+      default: false,
+    },
   },
 
   generate: (slots, {html}) =>
     html.tag('nav', {id: 'secondary-nav'},
       {[html.onlyIfContent]: true},
       {class: slots.class},
+
+      slots.alwaysVisible &&
+        {class: 'always-visible'},
+
       slots.content),
 };
-- 
cgit 1.3.0-6-gf8a5