mod_http_muc_log: Render arrows in prev/next links using CSS
authorKim Alvefur <zash@zash.se>
Sun, 09 Nov 2014 17:17:04 +0100
changeset 1561 2eaf4833969a
parent 1560 6c6c1fab4ee5
child 1562 bc9cfd1c5391
mod_http_muc_log: Render arrows in prev/next links using CSS
mod_http_muc_log/mod_http_muc_log.lua
--- 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>