Change icon for a second after copying
parent
10cf0143d8
commit
d49120ed0f
|
@ -77,6 +77,10 @@
|
|||
background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M10 13a5 5 0 0 0 7.54.54l3-3a5 5 0 0 0-7.07-7.07l-1.72 1.71'/%3E%3Cpath d='M14 11a5 5 0 0 0-7.54-.54l-3 3a5 5 0 0 0 7.07 7.07l1.71-1.71'/%3E%3C/g%3E%3C/svg%3E");
|
||||
}
|
||||
|
||||
.shareon > .copy-url.done:before {
|
||||
background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M20 6 9 17l-5-5'/%3E%3C/svg%3E");
|
||||
}
|
||||
|
||||
.shareon > .facebook {
|
||||
background-color: #1877f2;
|
||||
}
|
||||
|
|
|
@ -58,6 +58,10 @@ const init = () => {
|
|||
container.dataset.url ||
|
||||
window.location.href;
|
||||
navigator.clipboard.writeText(url);
|
||||
child.classList.add("done");
|
||||
setTimeout(() => {
|
||||
child.classList.remove("done");
|
||||
}, 1000);
|
||||
});
|
||||
}
|
||||
|
||||
|
|
Loading…
Reference in New Issue