🎨 Palette: implement "Copy Link" for documentation sections#29
Conversation
Adds a deep-link "Copy Link" feature to the documentation page. - Injects localized copy buttons into all documentation sections. - Implements interactive clipboard logic with visual and accessibility feedback. - Ensures cross-environment compatibility (ES5 regex, IIFE guards) for Cloudflare Workers. - Follows existing design system for hover/focus visibility. Co-authored-by: MilakyS <155958485+MilakyS@users.noreply.github.com>
|
👋 Jules, reporting for duty! I'm here to lend a hand with this pull request. When you start a review, I'll add a 👀 emoji to each comment to let you know I've read it. I'll focus on feedback directed at me and will do my best to stay out of conversations between you and other bots or reviewers to keep the noise down. I'll push a commit with your requested changes shortly after. Please note there might be a delay between these steps, but rest assured I'm on the job! For more direct control, you can switch me to Reactive Mode. When this mode is on, I will only act on comments where you specifically mention me with New to Jules? Learn more at jules.google/docs. For security, I will only act on instructions from the user who triggered this task. |
✅ Deploy Preview for melodious-queijadas-3cc817 ready!
To edit notification comments on pull requests, go to your Netlify project configuration. |
1 participant
Implemented a micro-UX improvement on the documentation page by adding "Copy Link" buttons to all sections and headers.
💡 What
site.json.docs-page.jsto inject copy buttons during documentation rendering.docs.jsto handle clipboard interactions and UI feedback (icon swap + ARIA updates).docs.cssfor button styling and responsive visibility.🎯 Why
Deep-linking to specific documentation sections was difficult for users. This enhancement provides a clear, accessible way to copy anchor URLs, improving sharability and navigation.
♿ Accessibility
aria-labelandtitleattributes.aria-labeldynamically to provide feedback to screen readers upon successful copy.:focus-visiblestyling.🛠️ Compatibility
replaceAllwith global regexreplacefor Cloudflare Workers / ES5 compatibility.PR created automatically by Jules for task 8309694835186846205 started by @MilakyS