.custom-share-container { font-family: -apple-system, BlinkMacSystemFont, “Segoe UI”, Roboto, sans-serif; padding: 10px; background: #fff; border-radius: 8px; max-width: 400px; } .share-header { display: flex; justify-content: space-between; margin-bottom: 15px; } .share-title { font-size: 18px; font-weight: 600; color: #000; } .copy-link-wrapper { display: flex; gap: 8px; align-items: center; background: #f9f9f9; border: 1px solid #e0e0e0; border-radius: 8px; padding: 8px 12px; } #page-url-input { border: none; background: transparent; width: 100%; font-size: 14px; color: #333; outline: none; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } #copy-btn { background: #000; color: #fff; border: none; padding: 6px 12px; border-radius: 6px; cursor: pointer; font-size: 13px; font-weight: 500; transition: 0.2s; } #copy-btn:hover { background: #333; } #copy-btn.copied { background: #28a745; } // Current page URL-a input box-la automatic-aa fill pannum document.getElementById(‘page-url-input’).value = window.location.href; function copyToClipboard() { var copyText = document.getElementById(“page-url-input”); var btn = document.getElementById(“copy-btn”); // Select the text field copyText.select(); copyText.setSelectionRange(0, 99999); // For mobile devices // Copy the text inside the text field navigator.clipboard.writeText(copyText.value).then(() => { // Feedback for user btn.innerHTML = “Copied!”; btn.classList.add(“copied”); setTimeout(() => { btn.innerHTML = “Copy”; btn.classList.remove(“copied”); }, 2000); }); }