From bb096f76d61fade99a23d5a432ed15150bdb7e69 Mon Sep 17 00:00:00 2001
From: Gregoo <versatile.mailbox@gmail.com>
Date: Wed, 29 Jan 2025 11:43:18 +0100
Subject: [PATCH] Visual fix for Any/No color

---
 static/styles.css         | 13 +++++++++++++
 templates/macro/card.html |  2 +-
 templates/part/table.html |  2 +-
 3 files changed, 15 insertions(+), 2 deletions(-)

diff --git a/static/styles.css b/static/styles.css
index af00525..ee82ffe 100644
--- a/static/styles.css
+++ b/static/styles.css
@@ -64,4 +64,17 @@
     display: inline-block;
     width: 15px;
     height: 15px;
+}
+
+.color-rgb-table {
+    width: 20px !important;
+    height: 20px !important;
+}
+
+.color-any {
+    background:
+        linear-gradient(217deg, rgb(255 0 0 / 80%), rgb(255 0 0 / 0%) 70.71%),
+        linear-gradient(127deg, rgb(0 255 0 / 80%), rgb(0 255 0 / 0%) 70.71%),
+        linear-gradient(336deg, rgb(0 0 255 / 80%), rgb(0 0 255 / 0%) 70.71%)
+    ;
 }
\ No newline at end of file
diff --git a/templates/macro/card.html b/templates/macro/card.html
index 7f2924f..3c26de7 100644
--- a/templates/macro/card.html
+++ b/templates/macro/card.html
@@ -8,7 +8,7 @@
       {% if item.fields.color_name %}
         <span class="badge bg-white text-black fw-normal border"><i class="ri-palette-line"></i>
           {% if item.fields.color_rgb %}
-            <span class="color-rgb align-bottom border border-black" style="background-color: #{{ item.fields.color_rgb }};"></span>
+            <span class="color-rgb {% if item.fields.color == 9999 %}color-any{% endif %} align-bottom border border-black" {% if item.fields.color != 9999 %}style="background-color: #{{ item.fields.color_rgb }};"{% endif %}></span>
           {% endif %}
           {{ item.fields.color_name }}
         </span>
diff --git a/templates/part/table.html b/templates/part/table.html
index 87b02f6..8e1da01 100644
--- a/templates/part/table.html
+++ b/templates/part/table.html
@@ -16,7 +16,7 @@
           {% endif %}
         </td>
         <td data-sort="{{ item.fields.color_name }}">
-          {% if item.fields.color_rgb %}<span class="color-rgb align-middle border border-black" style="background-color: #{{ item.fields.color_rgb }};"></span>{% endif %}
+          {% if item.fields.color_rgb %}<span class="color-rgb color-rgb-table {% if item.fields.color == 9999 %}color-any{% endif %} align-middle border border-black" {% if item.fields.color != 9999 %}style="background-color: #{{ item.fields.color_rgb }};"{% endif %}></span>{% endif %}
           <span class="align-middle">{{ item.fields.color_name }}</span>
         </td>
         {% if not no_quantity %}