From 8824e552dabdaf875170f40830e93ea6ff965e23 Mon Sep 17 00:00:00 2001
From: Vanessa <lly219@gmail.com>
Date: Sun, 8 Dec 2024 17:04:57 +0800
Subject: [PATCH] :lipstick: https://ld246.com/article/1733642150153

---
 app/src/assets/scss/component/_chip.scss | 37 ++----------------------
 app/src/search/menu.ts                   |  4 +--
 2 files changed, 4 insertions(+), 37 deletions(-)

diff --git a/app/src/assets/scss/component/_chip.scss b/app/src/assets/scss/component/_chip.scss
index ad528809a..0d18b860c 100644
--- a/app/src/assets/scss/component/_chip.scss
+++ b/app/src/assets/scss/component/_chip.scss
@@ -53,70 +53,37 @@
   &--secondary {
     background-color: var(--b3-theme-secondary);
     color: var(--b3-theme-on-secondary);
-
-    &.b3-chip--current {
-      box-shadow: 0 0 0 2px var(--b3-theme-secondary) inset;
-    }
   }
 
-  &--primary {
+  &--primary,
+  &--current {
     background-color: var(--b3-theme-primary);
     color: var(--b3-theme-on-primary);
-
-    &.b3-chip--current {
-      box-shadow: 0 0 0 2px var(--b3-theme-primary) inset;
-    }
   }
 
   &--pink {
     color: var(--b3-theme-on-secondary);
     background-color: #ea4aaa;
-
-    &.b3-chip--current {
-      box-shadow: 0 0 0 2px #ea4aaa inset;
-    }
   }
 
   &--info {
     color: var(--b3-card-info-color);
     background-color: var(--b3-card-info-background);
-
-    &.b3-chip--current {
-      box-shadow: 0 0 0 2px var(--b3-card-info-background) inset;
-    }
   }
 
   &--warning {
     color: var(--b3-card-warning-color);
     background-color: var(--b3-card-warning-background);
-
-    &.b3-chip--current {
-      box-shadow: 0 0 0 2px var(--b3-card-warning-background) inset;
-    }
   }
 
   &--error {
     color: var(--b3-card-error-color);
     background-color: var(--b3-card-error-background);
-
-    &.b3-chip--current {
-      box-shadow: 0 0 0 2px var(--b3-card-error-background) inset;
-    }
   }
 
   &--success {
     color: var(--b3-card-success-color);
     background-color: var(--b3-card-success-background);
-
-    &.b3-chip--current {
-      box-shadow: 0 0 0 2px var(--b3-card-success-background) inset;
-    }
-  }
-
-  &--current {
-    background-color: var(--b3-theme-surface);
-    color: var(--b3-theme-on-surface);
-    box-shadow: 0 0 0 2px var(--b3-list-hover) inset;
   }
 
   &--pointer {
diff --git a/app/src/search/menu.ts b/app/src/search/menu.ts
index c00682041..0b6b19536 100644
--- a/app/src/search/menu.ts
+++ b/app/src/search/menu.ts
@@ -289,7 +289,7 @@ const saveCriterionData = (config: Config.IUILayoutTabSearchConfig,
         const criteriaElement = element.querySelector("#criteria").firstElementChild;
         criteriaElement.classList.remove("fn__none");
         criteriaElement.querySelector(".b3-chip--current")?.classList.remove("b3-chip--current");
-        criteriaElement.insertAdjacentHTML("beforeend", `<div data-type="set-criteria" class="b3-chip b3-chip--current b3-chip--middle b3-chip--pointer b3-chip--${["secondary", "primary", "info", "success", "warning", "error", ""][(criteriaElement.childElementCount) % 7]}">${criterion.name}<svg class="b3-chip__close" data-type="remove-criteria"><use xlink:href="#iconCloseRound"></use></svg></div>`);
+        criteriaElement.insertAdjacentHTML("beforeend", `<div data-type="set-criteria" class="b3-chip b3-chip--current b3-chip--middle b3-chip--pointer">${criterion.name}<svg class="b3-chip__close" data-type="remove-criteria"><use xlink:href="#iconCloseRound"></use></svg></div>`);
     });
 };
 
@@ -630,7 +630,7 @@ export const initCriteriaMenu = (element: HTMLElement, data: Config.IUILayoutTab
             if (configIsSame(item, config)) {
                 isSame = true;
             }
-            html += `<div data-type="set-criteria" class="${isSame ? "b3-chip--current " : ""}b3-chip b3-chip--middle b3-chip--pointer b3-chip--${["secondary", "primary", "info", "success", "warning", "error", ""][index % 7]}">${escapeHtml(item.name)}<svg class="b3-chip__close" data-type="remove-criteria"><use xlink:href="#iconCloseRound"></use></svg></div>`;
+            html += `<div data-type="set-criteria" class="${isSame ? "b3-chip--current " : ""}b3-chip b3-chip--middle b3-chip--pointer">${escapeHtml(item.name)}<svg class="b3-chip__close" data-type="remove-criteria"><use xlink:href="#iconCloseRound"></use></svg></div>`;
         });
         /// #if MOBILE
         element.innerHTML = `<div class="b3-chips${html?"":" fn__none"}">