From b0cf35d264df7959f0a10e747dfcecc3e026cc13 Mon Sep 17 00:00:00 2001
From: Cory LaViska <cory@abeautifulsite.net>
Date: Thu, 12 Aug 2021 12:57:13 -0400
Subject: [PATCH] fix copy button animation

---
 docs/assets/plugins/code-block/code-block.css | 2 +-
 docs/assets/plugins/code-block/code-block.js  | 6 ++++--
 2 files changed, 5 insertions(+), 3 deletions(-)

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');
+      });
     }
   });
 })();