diff options
| author | Track3 <pengliabc@live.cn> | 2019-01-03 18:25:14 +0800 |
|---|---|---|
| committer | Track3 <pengliabc@live.cn> | 2019-01-03 18:25:14 +0800 |
| commit | 334d05e5a17701f171f0221c95c9235e52fa8f46 (patch) | |
| tree | f919eb9605316ad3f92b20c15c683c3e079f7b9b /assets | |
| parent | f601584822fb6cc5877b2a28848e6103a775b35f (diff) | |
| download | hermit-334d05e5a17701f171f0221c95c9235e52fa8f46.tar.gz | |
Fix featured image toggle
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 { |