diff options
Diffstat (limited to 'assets')
| -rw-r--r-- | assets/js/main.js | 12 | ||||
| -rw-r--r-- | assets/scss/style.scss | 2 |
2 files changed, 9 insertions, 5 deletions
diff --git a/assets/js/main.js b/assets/js/main.js index b99c750..95f78ca 100644 --- a/assets/js/main.js +++ b/assets/js/main.js @@ -65,8 +65,12 @@ const toggleMobileMenu = () => { // Featured Image Toggle // -const toggleImg = () => { - document.querySelector('.bg-img').classList.toggle('show-bg-img'); +const showImg = () => { + document.querySelector('.bg-img').classList.add('show-bg-img'); +} + +const hideImg = () => { + document.querySelector('.bg-img').classList.remove('show-bg-img'); } // ToC Toggle @@ -79,8 +83,8 @@ const toggleToc = () => { if (header !== null) { listen('#menu-btn', "click", toggleMobileMenu); listen('#toc-btn', "click", toggleToc); - listen('#img-btn', "click", toggleImg); - listen('.bg-img', "click", toggleImg); + listen('#img-btn', "click", showImg); + listen('.bg-img', "click", hideImg); window.addEventListener('scroll', throttle(() => { autoHideHeader(); diff --git a/assets/scss/style.scss b/assets/scss/style.scss index f8ea1d9..12d550c 100644 --- a/assets/scss/style.scss +++ b/assets/scss/style.scss @@ -447,7 +447,6 @@ p.img-404 { z-index: -1; position: fixed; top: 0; - cursor: pointer; background-attachment: fixed; background-repeat: no-repeat; background-size: cover; @@ -458,6 +457,7 @@ p.img-404 { .show-bg-img { z-index: 100; opacity: 1; + cursor: pointer; } .post-header { |