Changed code block line number gutter rendering method for performance and gain better accessibility

1 files changed, 5 insertions, 1 deletions

diff --git a/public/css/markdown.css b/public/css/markdown.css
index ffceb052..6a98212a 100644
--- a/public/css/markdown.css
+++ b/public/css/markdown.css
@@ -32,7 +32,7 @@
     user-select: none;
 }
 
-.markdown-body pre code .gutter .linenumber {
+.markdown-body pre code .gutter.linenumber {
     text-align: right;
     position: relative;
     display: inline-block;
@@ -46,6 +46,10 @@
     border-right: 3px solid #6ce26c !important;
 }
 
+.markdown-body pre code .gutter.linenumber > span:before {
+    content: attr(data-linenumber);
+}
+
 .markdown-body pre code .code {
     float: left;
     margin: 0 0 0 16px;