feat: add copy button feedback

Author: herzog0

static/css/v3/downloads_table_card.css

@@ -109,6 +109,15 @@
   padding: 0;
   border-radius: var(--border-radius-s);
   flex-shrink: 0;
+  transition: color 0.3s ease;
+}
+
+.downloads-table-card__copy-btn.is-copied {
+  color: var(--color-text-link-accent);
+}
+
+.downloads-table-card__copy-btn.is-error {
+  color: var(--color-text-error);
 }
 
 .js-copy-enabled .downloads-table-card__copy-btn {

templates/v3/includes/_downloads_table_card.html

@@ -55,3 +55,33 @@
     </table>
   </div>
 {% endif %}
+
+{% block footer_js %}
+<script>
+(function () {
+  document.querySelectorAll('.downloads-table-card__wrapper').forEach(function (wrapper) {
+    wrapper.classList.add('js-copy-enabled');
+  });
+  document.querySelectorAll('.downloads-table-card__copy-btn').forEach(function (btn) {
+    btn.addEventListener('click', function () {
+      const text = btn.getAttribute('data-copy-text');
+      if (!text) return;
+
+      function showFeedback(className) {
+        btn.classList.add(className);
+        setTimeout(function () {
+          btn.classList.remove(className);
+        }, 2000);
+      }
+
+      if (navigator.clipboard && navigator.clipboard.writeText) {
+        navigator.clipboard.writeText(text).then(
+          function () { showFeedback('is-copied'); },
+          function () { showFeedback('is-error'); }
+        );
+      }
+    });
+  });
+})();
+</script>
+{% endblock %}

templates/v3/release_detail.html

@@ -44,21 +44,3 @@
   </div>
   {% endif %}
 {% endblock %}
-
-{% block footer_js %}
-<script>
-(function () {
-  document.querySelectorAll('.downloads-table-card__wrapper').forEach(function (wrapper) {
-    wrapper.classList.add('js-copy-enabled');
-  });
-  document.querySelectorAll('.downloads-table-card__copy-btn').forEach(function (btn) {
-    btn.addEventListener('click', function () {
-      var text = btn.getAttribute('data-copy-text');
-      if (text && navigator.clipboard) {
-        navigator.clipboard.writeText(text);
-      }
-    });
-  });
-})();
-</script>
-{% endblock %}