[fix] Fix line numbering on blank lines in code blocks

2 files changed, 5 insertions, 1 deletions

diff --git a/static/main.js b/static/main.js
index 317bd18..0858183 100644
--- a/static/main.js
+++ b/static/main.js
@@ -15,7 +15,7 @@ document.addEventListener("DOMContentLoaded", () => {
 
   // Add line numbers to code blocks
   [...d[q]("pre.hljs code")].forEach(e => e.innerHTML =
-    e.innerHTML.split("\n").map((l,i,a) => l &&
+    e.innerHTML.split("\n").slice(0,-1).map((l,i,a) =>
       `<div class="code-line" data-line-number="${
         (i+1).toString().padStart(Math.ceil(Math.log10(a.length)), 0)
       }">${l}</div>`).join("\n"));
diff --git a/static/style.css b/static/style.css
index 8d0c1a2..6495fe5 100644
--- a/static/style.css
+++ b/static/style.css
@@ -328,6 +328,10 @@ pre:hover .code-line::before {
   color: #fff8;
 }
 
+pre .code-line::after {
+  content: "\200B";
+}
+
 pre {
   margin: 1em -100%; /* old browsers fallback */
   margin: 1rem calc(50% - 50vw);