git » git-arr » commit 5e75a1e

Tune markdown CSS to increase readability

author Alberto Bertogli
2018-03-04 19:06:41 UTC
committer Alberto Bertogli
2018-03-04 19:14:49 UTC
parent e1349d418ce4bd5957f8fe657c2ce80d2b502b81
Tune markdown CSS to increase readability

The default CSS is not very comfortable for markdown, as for example the
links are hidden.

This patch makes the markdown CSS tunable by wrapping it into a div, and
then adjusting the default styles to increase readability.
static/git-arr.css +17 -0
views/blob.html +2 -0 
diff --git a/static/git-arr.css b/static/git-arr.css
index 57bf13c..0ef1961 100644
--- a/static/git-arr.css
+++ b/static/git-arr.css
@@ -225,3 +225,20 @@ span.ctrlchr {
     padding: 0 0.2ex 0 0.1ex;
     margin:  0 0.2ex 0 0.1ex;
 }
+
+/*
+ * Markdown overrides
+ */
+
+/* Colored links (same as explicit links above) */
+div.markdown a {
+    color: #038;
+}
+div.markdown a:hover, div.markdown a:active {
+    color: #880000;
+}
+
+/* Restrict max width for readability */
+div.markdown {
+    max-width: 55em;
+}
diff --git a/views/blob.html b/views/blob.html
index 470808e..58c40a7 100644
--- a/views/blob.html
+++ b/views/blob.html
@@ -73,7 +73,9 @@
 %   end
 </table>
 % elif can_markdown(repo, fname.unicode):
+<div class="markdown">
 {{!markdown_blob(blob.utf8_content)}}
+</div>
 % elif can_colorize(blob.utf8_content):
 {{!colorize_blob(fname.unicode, blob.utf8_content)}}
 % else: