taggart

commit 90399ee9f584aa96309e6889029f1c45fcafbba6
parent ac88cbf20af11adaae2b495e042602e489c886b5
Author: breadcat <breadcat@users.noreply.github.com>
Date:   Fri, 19 Sep 2025 18:38:29 +0100

Cascading menu on tags page

I'll tidy this up at ...some point

Diffstat:
M
static/style.css
 | 
16
++++++++++++++--
M
templates/tags.html
 | 
16
++++++++++------

2 files changed, 24 insertions(+), 8 deletions(-)
diff --git a/static/style.css b/static/style.css
@@ -1,3 +1,15 @@
+/* main body styling */
 body {background: #1a1a1a; color: #cfcfcf; font-family: sans-serif}
 a {color: lightblue; text-decoration: none}
-a:hover {text-decoration: underline}
-\ No newline at end of file
+a:hover {text-decoration: underline}
+
+/* cascading menu */
+ul.tag-menu,ul.tag-menu ul{list-style:none;margin:0;padding:0}
+ul.tag-menu li{position:relative}
+ul.tag-menu>li{display:inline-block;margin-right:20px}
+ul.tag-menu li a{text-decoration:none;padding:5px 10px;display:block;background:#eee;color:#333}
+ul.tag-menu li ul{display:none;position:absolute;top:100%;left:0;min-width:150px;z-index:1000}
+ul.tag-menu li ul li,ul.tag-menu li:hover>ul{display:block}
+ul.tag-menu li ul li ul{left:100%;top:0}
+ul.tag-menu li ul li a{background:#f9f9f9}
+ul.tag-menu li ul li a:hover{background:#ddd}
+\ No newline at end of file
diff --git a/templates/tags.html b/templates/tags.html
@@ -9,13 +9,17 @@
 <h1>All Tags</h1>
 <p><a href="/">Back to files</a></p>
 
+<ul class="tag-menu">
 {{range $cat, $tags := .}}
-  <h3>{{$cat}}</h3>
-  <ul>
-  {{range $tags}}
-    <li><a href="/tag/{{$cat}}/{{.Value}}">{{.Value}} ({{.Count}})</a></li>
-  {{end}}
-  </ul>
+  <li>
+    <a href="#">{{$cat}}</a>
+    <ul>
+      {{range $tags}}
+        <li><a href="/tag/{{$cat}}/{{.Value}}">{{.Value}} ({{.Count}})</a></li>
+      {{end}}
+    </ul>
+  </li>
 {{end}}
+</ul>
 </body>
 </html>