fixing position on scrolling code

JackalLabs · Aug 2, 2024 · cd77228 · cd77228
1 parent 6c75196
commit cd77228
Show file tree

Hide file tree

Showing 2 changed files with 12 additions and 24 deletions.
diff --git a/gen/script.js b/gen/script.js
@@ -22,29 +22,8 @@ function start() {
     for (const allPre of allPres) {
         const innerCodeBlocks = allPre.getElementsByTagName("code")
 
-        for (const innerCodeBlock of innerCodeBlocks) {
-            codeBlocks.push(innerCodeBlock)
-        }
-
-    }
-
-    const codes = []
-
-    for (const codeBlock of codeBlocks) {
-        console.log(codeBlock)
-        const code = codeBlock.innerText
-        console.log(code)
-        codes.push(code)
-    }
-
-    console.log(codes)
-
-    console.log("highlighting...")
-    hljs.highlightAll();
+        const code = innerCodeBlocks[0].innerText
 
-    for (let i = 0; i < codeBlocks.length; i++) {
-        const codeBlock = codeBlocks[i]
-        const code = codes[i]
 
         const button = document.createElement("button")
         button.classList.add("copy-button")
@@ -68,8 +47,14 @@ function start() {
 
         }, false)
 
-        codeBlock.appendChild(button)
+        allPre.appendChild(button)
+
     }
 
+    console.log("highlighting...")
+    hljs.highlightAll();
+
+
+
 
 }
diff --git a/gen/styles/global.css b/gen/styles/global.css
@@ -167,10 +167,13 @@ li.dropdown.open > ul {
 
 code {
     font-weight: bold;
+}
+
+pre {
     position: relative;
 }
 
-code > button {
+pre > button {
     position: absolute;
     top: 12px;
     right: 12px;