Fix positioning of paragraph link for code snippets

marijnh · marijnh · commit 15f1624c77ec · 2014-09-05T09:14:24.000+02:00
So that it is actually possible to click them
diff --git a/html/css/ejs.css b/html/css/ejs.css
@@ -53,7 +53,6 @@ pre {
   padding: 5px 0 5px 15px;
   line-height: 1.35;
   margin: 1rem 0;
-  position: relative;
 }
 
 pre[data-language=javascript] {
@@ -322,8 +321,7 @@ blockquote footer:before {
 
 .sandboxhint {
   position: absolute;
-  top: 5px;
-  right: 0px;
+  right: -15px;
   font-family: tahoma, arial, sans-serif;
   font-size: 70%;
   padding: 4px 8px;
diff --git a/html/js/ejs.js b/html/js/ejs.js
@@ -19,7 +19,7 @@ window.addEventListener("load", function() {
           chapNum == 1 && !/console\.log/.test(pre.textContent)) continue;
       sandboxHint = elt("div", {"class": "sandboxhint"},
                         "edit & run code by clicking it");
-      pre.appendChild(sandboxHint);
+      pre.insertBefore(sandboxHint, pre.firstChild);
       break;
     }
   }

Original file line number	Diff line number	Diff line change
`@@ -19,7 +19,7 @@ window.addEventListener("load", function() {`
`19`	`19`	`chapNum == 1 && !/console\.log/.test(pre.textContent)) continue;`
`20`	`20`	`sandboxHint = elt("div", {"class": "sandboxhint"},`
`21`	`21`	`"edit & run code by clicking it");`
`22`		`- pre.appendChild(sandboxHint);`
	`22`	`+ pre.insertBefore(sandboxHint, pre.firstChild);`
`23`	`23`	`break;`
`24`	`24`	`}`
`25`	`25`	`}`