summaryrefslogtreecommitdiff
path: root/public
diff options
context:
space:
mode:
authorWu Cheng-Han2015-09-25 19:06:27 +0800
committerWu Cheng-Han2015-09-25 19:06:27 +0800
commit60414febee5fd14743fd80cad9d681c3027272dd (patch)
tree6342747e84e3b5a9063c30b717f16baa49d974ed /public
parent4e0a1021011e9c64c6d5c2fe82f17bc34ff529f8 (diff)
Changed code block line number gutter rendering method for performance and gain better accessibility
Diffstat (limited to '')
-rw-r--r--public/css/markdown.css6
-rw-r--r--public/js/extra.js4
2 files changed, 7 insertions, 3 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;
diff --git a/public/js/extra.js b/public/js/extra.js
index cb6676bc..fd150bea 100644
--- a/public/js/extra.js
+++ b/public/js/extra.js
@@ -413,9 +413,9 @@ function highlightRender(code, lang) {
var lines = result.value.split('\n');
var linenumbers = [];
for (var i = 0; i < lines.length - 1; i++) {
- linenumbers[i] = "<div class='linenumber'>" + (i + 1) + "</div>";
+ linenumbers[i] = "<span data-linenumber='" + (i + 1) + "'></span>";
}
- var linegutter = "<div class='gutter'>" + linenumbers.join('\n') + "</div>";
+ var linegutter = "<div class='gutter linenumber'>" + linenumbers.join('\n') + "</div>";
result.value = "<div class='wrapper'>" + linegutter + "<div class='code'>" + result.value + "</div></div>";
}
return result.value;