Git/hugo-theme-wondermod
1
0
Fork 0
mirror of https://github.com/Wonderfall/hugo-WonderMod.git synced 2025-10-30 19:35:26 +01:00
Code Issues Packages Projects Releases Wiki Activity

Add checks for adding the copy button in code-blocks

Browse Source 
- adds checks to put copy button for code
 inside table and highlight code block

- Fixes #363
This commit is contained in:
Aditya Telange
2021-04-16 10:00:08 +05:30
parent c3634e6ccd
commit 98c17559e9
2 changed files with 14 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

5
assets/css/common/main.css
View File

@@ -44,7 +44,7 @@ code {
direction: ltr;
}
div.highlight {
div.highlight, pre {
position: relative;
}
@@ -60,6 +60,7 @@ div.highlight {
font-size: 14px;
}
div.highlight:hover .copy-code {
div.highlight:hover .copy-code,
pre:hover .copy-code {
display: block;
}

12
layouts/partials/footer.html
View File

@@ -120,7 +120,17 @@
selection.removeRange(range);
});
container.appendChild(copybutton);
if (container.classList.contains("highlight")) {
container.appendChild(copybutton);
} else if (container.parentNode.firstChild == container) {
// td containing LineNos
} else if (codeblock.parentNode.parentNode.parentNode.parentNode.parentNode.nodeName == "TABLE") {
// table containing LineNos and code
codeblock.parentNode.parentNode.parentNode.parentNode.parentNode.appendChild(copybutton);
} else {
// code blocks not having highlight as parent class
codeblock.parentNode.appendChild(copybutton);
}
});
</script>
{{- end }}