From 39ecf9b3ebee11cf6f647b8286d71f3a8b01f272 Mon Sep 17 00:00:00 2001
From: Joe <joe@thisisjoes.site>
Date: Sun, 17 Mar 2024 12:47:04 -0500
Subject: [PATCH] add color swatches to tag category editor

---
 ext/tag_categories/style.css | 11 ++++++++++-
 ext/tag_categories/theme.php |  4 ++--
 2 files changed, 12 insertions(+), 3 deletions(-)

diff --git a/ext/tag_categories/style.css b/ext/tag_categories/style.css
index 322076e4..dcec5212 100644
--- a/ext/tag_categories/style.css
+++ b/ext/tag_categories/style.css
@@ -23,11 +23,20 @@
 	width:60%;
 }
 .tagcategoryblock td:last-child span {
+	width:7ch;
 	padding:0.24rem 0.7rem 0.5rem 0;
-	display:block;
+	display:inline-block;
 }
 .tagcategoryblock button {
 	width:100%;
 	margin-top:0.4rem;
 	padding:0.2rem 0.6rem;
 }
+
+.tagcategoryblock .tc_colorswatch {
+	display:inline-block;
+	vertical-align:middle;
+	height:1.25rem;
+	width:1.25rem;
+	border-radius:4px;
+}
diff --git a/ext/tag_categories/theme.php b/ext/tag_categories/theme.php
index dc61b9e2..8fae0ac4 100644
--- a/ext/tag_categories/theme.php
+++ b/ext/tag_categories/theme.php
@@ -49,12 +49,12 @@ class TagCategoriesTheme extends Themelet
                 <tr>
                     <td>Color</td>
                     <td>
-                        <span>'.$tag_color.'</span>
+                        <span>'.$tag_color.'</span><div class="tc_colorswatch" style="background-color:'.$tag_color.'"></div>
                         <input type="text" name="tc_color" style="display:none" value="'.$tag_color.'">
                     </td>
                 </tr>
                 </table>
-                <button class="tc_edit" type="button" onclick="$(\'.tagcategoryblock:nth-of-type('.$tc_block_index.') tr + tr td span\').hide(); $(\'.tagcategoryblock:nth-of-type('.$tc_block_index.') td input\').show(); $(\'.tagcategoryblock:nth-of-type('.$tc_block_index.') .tc_edit\').hide(); $(\'.tagcategoryblock:nth-of-type('.$tc_block_index.') .tc_submit\').show();">Edit</button>
+                <button class="tc_edit" type="button" onclick="$(\'.tagcategoryblock:nth-of-type('.$tc_block_index.') tr + tr td span\').hide(); $(\'.tagcategoryblock:nth-of-type('.$tc_block_index.') td input\').show(); $(\'.tagcategoryblock:nth-of-type('.$tc_block_index.') .tc_edit\').hide(); $(\'.tagcategoryblock:nth-of-type('.$tc_block_index.') .tc_colorswatch\').hide(); $(\'.tagcategoryblock:nth-of-type('.$tc_block_index.') .tc_submit\').show();">Edit</button>
                 <button class="tc_submit" type="submit" style="display:none;" name="tc_status" value="edit">Submit</button>
                 <button class="tc_submit" type="button" style="display:none;" onclick="$(\'.tagcategoryblock:nth-of-type('.$tc_block_index.') .tc_delete\').show(); $(this).hide();">Delete</button>
                 <button class="tc_delete" type="submit" style="display:none;" name="tc_status" value="delete">Really, really delete</button>