diff options
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 |
commit | 64990187b7a35b3c1db8e169f83591b557bb9121 (patch) | |
tree | 9a883ae4aff13e889ccab88d179e752eae40f9c3 /src/static | |
parent | e1db565e4059a2e26e2c0e56a6f3f3ae738ea2b7 (diff) |
new All Sheet Music listing
Diffstat (limited to 'src/static')
-rw-r--r-- | src/static/client.js | 4 | ||||
-rw-r--r-- | src/static/site3.css | 15 |
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; |