diff options
| author | Alberto Bertogli <albertito@blitiri.com.ar> | 2018-03-04 20:06:41 +0100 |
|---|---|---|
| committer | Alberto Bertogli <albertito@blitiri.com.ar> | 2018-03-04 20:14:49 +0100 |
| commit | 5e75a1e7a10a0485f5aa339abf055bad94a0a353 (patch) | |
| tree | 416440c4628fd2a88a96963f2d1e28d5196e8a9a | |
| parent | e1349d418ce4bd5957f8fe657c2ce80d2b502b81 (diff) | |
| download | git-arr-fork-5e75a1e7a10a0485f5aa339abf055bad94a0a353.zip | |
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.
| -rw-r--r-- | static/git-arr.css | 17 | ||||
| -rw-r--r-- | views/blob.html | 2 |
2 files changed, 19 insertions, 0 deletions
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: |