From 6f84d8f4ae6c3dd2e11d9361dd10ea8c802d4959 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?tr=C3=A9meur?= <git@praze.net>
Date: Wed, 5 Jun 2024 21:05:43 +0100
Subject: [PATCH] Add meaningless close buttons to filters

---
 build/backloggery.css | 23 ++++++++++++++++++-----
 sublibrary.py         |  4 ++--
 2 files changed, 20 insertions(+), 7 deletions(-)

diff --git a/build/backloggery.css b/build/backloggery.css
index 9adb689..d905682 100644
--- a/build/backloggery.css
+++ b/build/backloggery.css
@@ -828,14 +828,27 @@ width:95%}
    opacity:1} */
 
 .library .filters .item {
-border:2px solid rgba(0,0,0,.5);
-background-color:var(--active-secondary);
-color:var(--active-secondary-text);
+  border:2px solid rgba(0,0,0,.5);
+  background-color:var(--active-secondary);
+  color:var(--active-secondary-text);
+  display: inline-block;
+  font-size: 0.8rem;
 border-radius:.5rem;
 margin:.25rem;
 max-width:8rem;
-opacity:.8;
-padding:.4rem 1rem .5rem}
+  opacity:.8;
+  position: relative;
+  padding:.45rem 2rem .5rem 1rem;
+  white-space: nowrap;
+}
+
+.library .filters .item .filter_clear {
+  border-radius: .5rem;
+  padding: .425rem .5rem .475rem;
+  position: absolute;
+  right: 0;
+  top: 0;
+}
 
 .library .filters .item:hover {
 opacity:1}
diff --git a/sublibrary.py b/sublibrary.py
index ad5564f..0c11a7f 100644
--- a/sublibrary.py
+++ b/sublibrary.py
@@ -112,7 +112,7 @@ def sublibrary(local=False):
                             filewrite.write(variables.localpath + "build/library/all-" + status + "/index.html")
                         else:
                             filewrite.write(variables.serverpath + "library/all-" + status)
-                    filewrite.write("\">1 Platform</a></span>\n")
+                    filewrite.write("\">1 Platform<span class=\"filter_clear\">x</span></a></span>\n")
                 if status != "all":
                     filewrite.write("    <span class=\"item\"><a href=\"")
                     if console["shortname"] == "all":
@@ -125,7 +125,7 @@ def sublibrary(local=False):
                             filewrite.write(variables.localpath + "build/library/" + console["shortname"].lower() + "-all/index.html")
                         else:
                             filewrite.write(variables.serverpath + "library/" + console["shortname"].lower() + "-all")
-                    filewrite.write("\">1 Status</a></span>\n")
+                    filewrite.write("\">1 Status<span class=\"filter_clear\">x</span></a></span>\n")
                 filewrite.write("  </div>\n</div>                <div class=\"unibar\">\n                  <div>\n                    <span>Total Found</span> " + str(gamesort.total(filterlist)) + "\n                  </div>\n")
                 if gamesort.unplayed(filterlist) > 0:
                     filewrite.write("                  <div class=\"unplayed\" style=\"flex: " + str(gamesort.unplayed(filterlist)) + " 1 0%;\">" + str(gamesort.unplayed(filterlist)) + "</div>\n")