From 64990187b7a35b3c1db8e169f83591b557bb9121 Mon Sep 17 00:00:00 2001
From: "(quasar) nebula" <qznebula@protonmail.com>
Date: Fri, 3 Mar 2023 10:11:44 -0400
Subject: new All Sheet Music listing

---
 src/static/client.js |  4 ++--
 src/static/site3.css | 15 ++++++++++-----
 2 files changed, 12 insertions(+), 7 deletions(-)

(limited to 'src/static')

diff --git a/src/static/client.js b/src/static/client.js
index 0c760500..efae8501 100644
--- a/src/static/client.js
+++ b/src/static/client.js
@@ -528,7 +528,7 @@ const stickyHeadingInfo = Array.from(document.querySelectorAll('.content-sticky-
     const stickySubheadingRow = stickyContainer.querySelector('.content-sticky-subheading-row');
     const stickySubheading = stickySubheadingRow.querySelector('h2');
     const stickyCoverContainer = stickyContainer.querySelector('.content-sticky-heading-cover-container');
-    const stickyCover = stickyCoverContainer.querySelector('.content-sticky-heading-cover');
+    const stickyCover = stickyCoverContainer?.querySelector('.content-sticky-heading-cover');
     const contentHeadings = Array.from(contentContainer.querySelectorAll('.content-heading'));
     const contentCover = contentContainer.querySelector('#cover-art-container');
 
@@ -557,7 +557,7 @@ function prepareStickyHeadings() {
     contentCover,
     stickyCover,
   } of stickyHeadingInfo) {
-    const coverRevealImage = contentCover.querySelector('.reveal');
+    const coverRevealImage = contentCover?.querySelector('.reveal');
     if (coverRevealImage) {
       coverRevealImage.addEventListener('hsmusic-reveal', () => {
         stickyCover.classList.remove('content-sticky-heading-cover-needs-reveal');
diff --git a/src/static/site3.css b/src/static/site3.css
index cd946886..b7f95f54 100644
--- a/src/static/site3.css
+++ b/src/static/site3.css
@@ -364,16 +364,16 @@ body::before {
   padding-left: 5px;
 }
 
-.sidebar > details summary .group-name {
-  color: var(--primary-color);
-}
-
-.sidebar > details summary > span:hover {
+summary > span:hover {
   cursor: pointer;
   text-decoration: underline;
   text-decoration-color: var(--primary-color);
 }
 
+summary .group-name {
+  color: var(--primary-color);
+}
+
 .sidebar > details ul,
 .sidebar > details ol {
   margin-top: 0;
@@ -670,6 +670,11 @@ dl ol {
   margin-bottom: 0;
 }
 
+ul > li.has-details {
+  list-style-type: none;
+  margin-left: -17px;
+}
+
 .album-group-list dt {
   font-style: oblique;
   padding-left: 0;
-- 
cgit 1.3.0-6-gf8a5