Diff

mod_http_muc_log/mod_http_muc_log.lua @ 1561:2eaf4833969a

mod_http_muc_log: Render arrows in prev/next links using CSS
author Kim Alvefur <zash@zash.se>
date Sun, 09 Nov 2014 17:17:04 +0100
parent 1560:6c6c1fab4ee5
child 1562:bc9cfd1c5391
line wrap: on
line diff
--- a/mod_http_muc_log/mod_http_muc_log.lua	Sun Nov 09 17:15:48 2014 +0100
+++ b/mod_http_muc_log/mod_http_muc_log.lua	Sun Nov 09 17:17:04 2014 +0100
@@ -67,7 +67,10 @@
 nav{font-size:x-large;margin:1ex 2em;}
 nav a{text-decoration:none;}
 nav a.up{font-size:smaller;}
+nav a.prev{float:left;}
 nav a.next{float:right;}
+nav a.next::after{content:" →";}
+nav a.prev::before{content:"← ";}
 a:link,a:visited{color:#2e3436;text-decoration:none;}
 a:link:hover,a:visited:hover{color:#3465a4;}
 ul,ol{padding:0;}
@@ -125,8 +128,8 @@
 <nav>
 <a class="up" href=".">Back to date list</a>
 <br>
-<a class="prev" href="{prev}">← {prev}</a>
-<a class="next" href="{next}">{next} →</a>
+<a class="prev" href="{prev}">{prev}</a>
+<a class="next" href="{next}">{next}</a>
 </nav>
 ]];
 	body = [[
@@ -136,8 +139,8 @@
 	footer = [[
 <nav>
 <div>
-<a class="prev" href="{prev}">← {prev}</a>
-<a class="next" href="{next}">{next} →</a>
+<a class="prev" href="{prev}">{prev}</a>
+<a class="next" href="{next}">{next}</a>
 </div>
 </nav>
 <script>