handling tag selection

JohnXLivingston · Jun 9, 2024 · 51c9d43 · 51c9d43
1 parent 4318622
commit 51c9d43
Show file tree

Hide file tree

Showing 2 changed files with 236 additions and 29 deletions.
diff --git a/assets/styles/configuration.scss b/assets/styles/configuration.scss
@@ -343,6 +343,8 @@ livechat-tags-input {
   }
 
   #tags-searched {
+    user-select: contain;
+
     &::after {
       content: "\1F50D";
       flex-grow: 1;
@@ -370,6 +372,7 @@ livechat-tags-input {
     border-radius: 3px;
     margin: 0 3px 3px 0;
     transition: 0.3s filter;
+    user-select: all;
 
     .tag-close {
       display: block;
@@ -389,6 +392,14 @@ livechat-tags-input {
       }
     }
 
+    &.selected {
+      filter: hue-rotate(180deg);
+    }
+
+    &.to-be-removed {
+      filter: hue-rotate(-45deg);
+    }
+
     &,
     &:active,
     &:focus {