diff --git a/docs/assets/plugins/code-block/code-block.css b/docs/assets/plugins/code-block/code-block.css index d24cf741..31858021 100644 --- a/docs/assets/plugins/code-block/code-block.css +++ b/docs/assets/plugins/code-block/code-block.css @@ -179,7 +179,7 @@ } .markdown-section .docsify-copy-code-button.copied { - animation: pulse 1s; + animation: pulse 0.75s; --pulse-color: rgb(var(--sl-color-neutral-500)); } diff --git a/docs/assets/plugins/code-block/code-block.js b/docs/assets/plugins/code-block/code-block.js index 79178658..76f5b8e0 100644 --- a/docs/assets/plugins/code-block/code-block.js +++ b/docs/assets/plugins/code-block/code-block.js @@ -202,10 +202,12 @@ // Show pulse when copying document.addEventListener('click', event => { const button = event.target.closest('.docsify-copy-code-button'); - if (button) { button.classList.remove('copied'); - requestAnimationFrame(() => button.classList.add('copied')); + requestAnimationFrame(() => { + button.addEventListener('animationend', () => button.classList.remove('copied'), { once: true }); + button.classList.add('copied'); + }); } }); })();