« get me outta code hell

client, css: tweak sticky cover timings - hsmusic-wiki - HSMusic - static wiki software cataloguing collaborative creation
about summary refs log tree commit diff
diff options
context:
space:
mode:
author(quasar) nebula <qznebula@protonmail.com>2023-12-09 16:50:30 -0400
committer(quasar) nebula <qznebula@protonmail.com>2024-01-01 20:35:27 -0400
commitd27e6bcc80cd920112c94f02b3b361e108a3b15c (patch)
treebe24affc3b4d692bc4cef74b67152875d6214a3d
parent399fc354d02471d09ca3a145c68718d3fa7b0b69 (diff)
client, css: tweak sticky cover timings
-rw-r--r--src/static/client3.js2
-rw-r--r--src/static/site6.css1
2 files changed, 2 insertions, 1 deletions
diff --git a/src/static/client3.js b/src/static/client3.js
index 77999488..969fe6fa 100644
--- a/src/static/client3.js
+++ b/src/static/client3.js
@@ -1491,7 +1491,7 @@ function updateStickyCoverVisibility(index) {
   const contentCover = info.contentCovers[index];
 
   if (contentCover && stickyCoverContainer) {
-    if (contentCover.getBoundingClientRect().bottom < 0) {
+    if (contentCover.getBoundingClientRect().bottom < 4) {
       stickyCoverContainer.classList.add('visible');
     } else {
       stickyCoverContainer.classList.remove('visible');
diff --git a/src/static/site6.css b/src/static/site6.css
index 0f5a8f59..d2b9d9c6 100644
--- a/src/static/site6.css
+++ b/src/static/site6.css
@@ -1625,6 +1625,7 @@ main.long-content .content-sticky-heading-container .content-sticky-subheading-r
 .content-sticky-heading-cover-container:not(.visible) .content-sticky-heading-cover {
   opacity: 0;
   transform: translateY(15px);
+  transition: transform 0.35s, opacity 0.30s;
 }
 
 .content-sticky-heading-cover .image-container {