[UI] Copy button on code blocks shifts on click and gives no checkmark confirmation

[akshatsinghai6682-sketch]

Current Behavior

The copy-to-clipboard button on code blocks (appears site-wide, e.g. Cloud → Self-Hosted → Customizing Webhooks) shifts slightly when clicked — not drastic, but noticeably unstable. Also, the only copy confirmation is a "Copied!" tooltip; the icon itself never changes, so there's no clear visual confirmation.

Expected Behavior

Button should hold its position on click (no shift), and the icon should briefly turn into a checkmark to confirm the copy, then revert after a couple seconds.

Screenshots/Logs

Screen.Recording.2026-07-10.at.1.20.52.PM.mov

Environment

• Host OS: Mac
• Browser: Chrome

To Reproduce

1. Go to any docs page with a code block (e.g. Cloud → Self-Hosted → Customizing Webhooks)
2. Click the copy icon
3. Notice the slight shift and lack of icon-level confirmation

Proposed Fix

Root cause is in Docsy's shared click-to-copy.js (no icon-swap logic) and _code.scss (:active { transform: translateY(2px); } causing the shift). I've built and tested a fix locally — a site-level override at assets/js/click-to-copy.js plus a small edit to assets/scss/_styles_project.scss.