Merge pull request #132 from bring/Revert-styling-PR-chatbot

Revert PR of style in chatbot
bring · Jun 3, 2024 · 306ebe2 · 306ebe2
2 parents 698140c + 85c50c0
commit 306ebe2
Showing 1 changed file with 6 additions and 11 deletions.
diff --git a/packages/button/sass/button.scss b/packages/button/sass/button.scss
@@ -202,20 +202,15 @@
       }
     }
     &--chat {
-      width: 64px;
-      height: 64px;
+      width: 60px;
+      height: 60px;
       margin: 0px;
       padding: 10px 10px 8px;
-      border-radius: 2px;
-      background: none;
+      border-radius: 50%;
+      background: var(--hwc-color-primary-light);
       color: var(--hwc-color-primary-darker);
 
-      &:hover {
-        background: var(--hw-color-primary-lighter);
-        box-shadow: 0 1px 3px 0 rgba(0, 0, 0, .12); 
-        -webkit-box-shadow: 0px 1px 3px 0px rgba(0,0,0,0.12);
-        -moz-box-shadow:    0px 1px 3px 0px rgba(0,0,0,0.12);
-      }
+      &:hover,
       &:active {
         color: var(--hwc-color-primary-darker);
         fill: var(--hwc-color-primary-darker);
@@ -224,7 +219,7 @@
       }
 
       &:active {
-        background: var(--hw-color-primary-lighter);
+        background: var(--hwc-color-button-primary-light-hover);
       }
     }
     &--chat-fixed {