fix(delete-icon): css in chip sub-queries

samply · Apr 15, 2024 · 829b605 · 829b605
1 parent 3af7666
commit 829b605
Show file tree

Hide file tree

Showing 2 changed files with 13 additions and 2 deletions.
diff --git a/packages/demo/public/delete_icon.svg b/packages/demo/public/delete_icon.svg
diff --git a/packages/demo/src/ccp.css b/packages/demo/src/ccp.css
@@ -318,9 +318,20 @@ lens-search-bar::part(delete-button-icon-group),
 lens-search-bar-multiple::part(delete-button-icon) {
   filter: invert(41%) sepia(43%) saturate(4610%) hue-rotate(357deg) brightness(96%) contrast(90%);
   transform: translate(0px, 2px);
+}
+
+lens-search-bar::part(delete-button-icon),
+lens-search-bar-multiple::part(delete-button-icon-value) {
+  transform: translate(-1px, -1px);
   width: 20px;
 }
 
+lens-search-bar::part(delete-button-icon):hover,
+lens-search-bar-multiple::part(delete-button-icon-value):hover {
+  filter: invert(38%) sepia(78%) saturate(1321%) hue-rotate(352deg) brightness(92%) contrast(99%);
+}
+
+
 lens-search-button::part(lens-search-button) {
   background-color: var(--light-blue);
 }