From 114d756a686e041ef06b9135ffc4dcde23a4622a Mon Sep 17 00:00:00 2001
From: RossAscends <124905043+RossAscends@users.noreply.github.com>
Date: Tue, 20 Jun 2023 01:45:11 +0900
Subject: [PATCH] better display for excluded tags

---
 public/style.css | 29 +++++++++++++++++++++--------
 1 file changed, 21 insertions(+), 8 deletions(-)

diff --git a/public/style.css b/public/style.css
index 8988bca2e..46101b6de 100644
--- a/public/style.css
+++ b/public/style.css
@@ -2891,13 +2891,26 @@ h5 {
 
 .tag.excluded {
     opacity: 1 !important;
-    filter: saturate(0.5) !important;
-    text-decoration: line-through;
-    text-decoration-thickness: 2px;
-    text-decoration-color: var(--white70a);
-    outline-color: red;
-    outline-style: solid;
-    outline-width: 2px;
+    filter: saturate(0.4) !important;
+    border: 1px solid red;
+}
+
+.tag.excluded:after {
+    position: absolute;
+    top: 0;
+    bottom: 0;
+    left: 0;
+    right: 0;
+    content: "\d7";
+    font-size: calc(var(--mainFontSize) *3);
+    color: red;
+    line-height: calc(var(--mainFontSize)*1.3);
+    text-align: center;
+    text-shadow: 1px 1px 0px black,
+        -1px -1px 0px black,
+        -1px 1px 0px black,
+        1px -1px 0px black;
+    opacity: 1;
 }
 
 #avatarCropWrap {
@@ -4677,4 +4690,4 @@ body.waifuMode #avatar_zoom_popup {
     #horde_model {
         height: unset;
     }
-}
+}
\ No newline at end of file