KevinMidboe/schleppe-lab
1
0
Fork 0
mirror of https://github.com/KevinMidboe/schleppe-lab.git synced 2025-10-29 17:50:39 +00:00
Code Issues Packages Projects Releases Wiki Activity

Align code block to new color scheme

Browse Source 
Codeblock with line numbers change format of copy code button, updated.
This commit is contained in:
Kevin
2024-02-18 13:14:55 +01:00
parent b5513a8111
commit 5278b4bfd8
3 changed files with 190 additions and 16 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
assets/scripts/copyCode.js
View File

@@ -1,6 +1,6 @@
// This assumes that you're using Rouge; if not, update the selector
// const codeBlocks = document.querySelectorAll('.code-header + .highlighter-rouge');
const codeBlocks = document.querySelectorAll('div.highlight');
const codeBlocks = document.querySelectorAll('figure.highlight');
const copyCodeButtons = document.querySelectorAll('.copy-code-button');
codeBlocks.forEach((codeBlock) => {
@@ -13,7 +13,7 @@ codeBlocks.forEach((codeBlock) => {
codeBlock.append(copyButton);
copyButton.addEventListener('click', function () {
const code = codeBlock.querySelector('code').innerText.trim();
const code = codeBlock.querySelector('.code').innerText.trim();
window.navigator.clipboard.writeText(code);
copyButton.innerText = 'Copied';