blogs/FixIt
1
0
Fork 0
mirror of https://github.com/hugo-fixit/FixIt.git synced 2026-08-24 15:28:57 +00:00
Code Issues Packages Projects Releases Wiki Activity

refactor: enhance code/diagram copy button functionality and styling

Browse Source
This commit is contained in:
Cell
2025-12-20 16:10:50 +08:00
parent 4d95fd8d30
commit 10b355bdee
11 changed files with 38 additions and 48 deletions
Download Patch File Download Diff File Expand all files Collapse all files
assets/js/theme.js
+6 -2
View File
@@ -431,10 +431,14 @@ class FixIt {
: codeBlock.querySelector('.code-copy-btn');
if (codeBlock.dataset.copyable !== 'true' || !copyBtn) return;
copyBtn.addEventListener('click', () => {
this.util.forEach(codeBlock.querySelectorAll('.hl'), $hl => $hl.classList.replace('hl', 'hl-disable'));
const iswWrap = codeBlock.classList.contains('line-wrapping');
const highlightLines = codeBlock.querySelectorAll('.hl');
iswWrap && codeBlock.classList.toggle('line-wrapping');
this.util.forEach(highlightLines, $hl => $hl.classList.toggle('hl'));
this.util.copyText(codePreEl.innerText.trim()).then(() => {
this.util.animateCSS(codePreEl, 'animate__flash');
this.util.forEach(codeBlock.querySelectorAll('.hl-disable'), $hl => $hl.classList.replace('hl-disable', 'hl'));
iswWrap && codeBlock.classList.toggle('line-wrapping');
this.util.forEach(highlightLines, $hl => $hl.classList.toggle('hl'));
copyBtn.toggleAttribute('data-copied', true);
setTimeout(() => {
copyBtn.toggleAttribute('data-copied', false);