Add checks for adding the copy button in code-blocks

- 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
No known key found for this signature in database
GPG Key ID: 82E844EF3DA99E77
2 changed files with 14 additions and 3 deletions

View File

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

View File

@ -120,7 +120,17 @@
selection.removeRange(range); selection.removeRange(range);
}); });
if (container.classList.contains("highlight")) {
container.appendChild(copybutton); 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> </script>
{{- end }} {{- end }}