From 19eb3f9a50bafedc091da40905d167ec5096b0c6 Mon Sep 17 00:00:00 2001
From: eapo <e@eaposztrof.com>
Date: Sun, 5 Feb 2023 22:57:35 +0100
Subject: [PATCH] +Ascending/Descending arrows

---
 autoindex_strapdown.css | 25 ++++++++++++++++++++++++-
 1 file changed, 24 insertions(+), 1 deletion(-)

diff --git a/autoindex_strapdown.css b/autoindex_strapdown.css
index 2acabd6..1f2556f 100644
--- a/autoindex_strapdown.css
+++ b/autoindex_strapdown.css
@@ -3,4 +3,27 @@
 
 table img {
 	margin: 0;
-}
\ No newline at end of file
+}
+
+/* Add extra Ascending/Descending arrows to visually help sortorder */
+
+a[href$="A"]:after, a[href$="D"]:after {
+  content: '';
+  display: inline-block;
+  width: 1em;
+  padding: 0;
+  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e");
+  background-repeat: no-repeat;
+  background-position: 50% 50%;
+  background-size: 1em 1em;
+  height: 1em;
+  vertical-align: middle;
+  visibility: hidden;
+}
+a[href$="D"]:after {
+  transform: rotate(180deg);
+  visibility: visible;
+}
+a[href$="A"]:hover:after {
+  visibility: visible;
+}