hak8or/blog
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Fix the copy button scrolling with overflowed code, add blur to it for legibility

Browse Source
This commit is contained in:
David Lapshin
2024-05-10 15:46:19 +03:00
parent a5a68d8c3f
commit 2c00af1bd7
4 changed files with 66 additions and 55 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
static/copy-button.js
View File

@ -4,13 +4,17 @@ document.addEventListener("DOMContentLoaded", function () {
blocks.forEach((block) => {
if (navigator.clipboard) {
let container = document.createElement("div");
container.classList.add("pre-container");
block.parentNode.insertBefore(container, block);
container.appendChild(block);
let button = document.createElement("button");
let icon = document.createElement("i");
icon.classList.add("icon");
button.appendChild(icon);
block.appendChild(button);
container.appendChild(button);
button.addEventListener("click", async () => {
await copyCode(block, button);