diff options
| 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 |
| commit | d27e6bcc80cd920112c94f02b3b361e108a3b15c (patch) | |
| tree | be24affc3b4d692bc4cef74b67152875d6214a3d | |
| parent | 399fc354d02471d09ca3a145c68718d3fa7b0b69 (diff) | |
client, css: tweak sticky cover timings
| -rw-r--r-- | src/static/client3.js | 2 | ||||
| -rw-r--r-- | src/static/site6.css | 1 |
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 { |