feat(components): remove console.log, add darker bg-color for tag on …

…hover of action-list-item
getflip · Jun 11, 2024 · 5f393ed · 5f393ed
1 parent 08786b2
commit 5f393ed
Show file tree

Hide file tree

Showing 2 changed files with 2 additions and 2 deletions.
diff --git a/packages/swirl-components/src/components/swirl-action-list-item/swirl-action-list-item.css b/packages/swirl-components/src/components/swirl-action-list-item/swirl-action-list-item.css
@@ -27,6 +27,8 @@
 
   &:hover {
     background-color: var(--s-surface-overlay-hovered);
+
+    --swirl-tag-background-default: var(--s-surface-sunken-pressed);
   }
 
   &:focus {

diff --git a/packages/swirl-components/src/components/swirl-action-list-item/swirl-action-list-item.tsx b/packages/swirl-components/src/components/swirl-action-list-item/swirl-action-list-item.tsx
@@ -57,8 +57,6 @@ export class SwirlActionListItem {
     const icon = this.iconEl?.children[0];
     const suffix = this.suffixEl?.children[0];
 
-    console.log(suffix.tagName);
-
     icon?.setAttribute("size", smallIcon ? "20" : "24");
 
     if (suffix.tagName === "SWIRL-TAG") return;