« get me outta code hell

new All Sheet Music listing - hsmusic-wiki - HSMusic - static wiki software cataloguing collaborative creation
about summary refs log tree commit diff
path: root/src/static
diff options
context:
space:
mode:
author(quasar) nebula <qznebula@protonmail.com>2023-03-03 10:11:44 -0400
committer(quasar) nebula <qznebula@protonmail.com>2023-03-03 10:11:44 -0400
commit64990187b7a35b3c1db8e169f83591b557bb9121 (patch)
tree9a883ae4aff13e889ccab88d179e752eae40f9c3 /src/static
parente1db565e4059a2e26e2c0e56a6f3f3ae738ea2b7 (diff)
new All Sheet Music listing
Diffstat (limited to 'src/static')
-rw-r--r--src/static/client.js4
-rw-r--r--src/static/site3.css15
2 files changed, 12 insertions, 7 deletions
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;