fix: rename class name to user other convention

SuperViz · Mar 11, 2024 · 4aae39a · 4aae39a
1 parent 83d1ece
commit 4aae39a
Show file tree

Hide file tree

Showing 3 changed files with 11 additions and 11 deletions.
diff --git a/src/web-components/comments/components/float-button.ts b/src/web-components/comments/components/float-button.ts
@@ -130,8 +130,8 @@ export class CommentsFloatButton extends WebComponentsBaseElement {
     const floatButtonClasses = {
       'comments__floating-button': true,
       'hide-button': !this.isHidden && this.shouldHide,
-      isActive: this.isActive,
-      isInactive: !this.isActive,
+      'is-active': this.isActive,
+      'is-inactive': !this.isActive,
     };
 
     const textBoxClasses = {

diff --git a/src/web-components/comments/css/annotation-pin.style.ts b/src/web-components/comments/css/annotation-pin.style.ts
@@ -117,10 +117,10 @@ export const annotationPinStyles = css`
 
   .comments__annotation-pin-wrapper--new .comments__annotation-pin__avatar {
     transform-origin: center;
-    animation: teste 0.5s linear !important;
+    animation: avatar-bounce 0.5s linear !important;
   }
 
-  @keyframes teste {
+  @keyframes avatar-bounce {
     0%,
     40% {
       transform: scale(1);

diff --git a/src/web-components/comments/css/float-button.style.ts b/src/web-components/comments/css/float-button.style.ts
@@ -21,7 +21,7 @@ export const floatButtonStyle = css`
   }
 
   .comments__floating-button:hover,
-  .comments__floating-button.isActive {
+  .comments__floating-button.is-active {
     background-color: rgb(var(--sv-gray-400));
     color: rgba(var(--sv-white));
   }
@@ -48,12 +48,12 @@ export const floatButtonStyle = css`
     display: none !important;
   }
 
-  .isInactive:hover {
+  .is-inactive:hover {
     width: 110px;
     border-radius: 30px;
   }
 
-  .isActive:hover {
+  .is-active:hover {
     width: 92px;
     border-radius: 30px;
     animation: decrease-width 600ms linear;
@@ -89,11 +89,11 @@ export const floatButtonStyle = css`
     width: 0;
   }
 
-  .comments__floating-button.isInactive:hover .comments__floating-button-text-box {
+  .comments__floating-button.is-inactive:hover .comments__floating-button-text-box {
     width: 61.45px;
   }
 
-  .comments__floating-button.isActive:hover .comments__floating-button-text-box {
+  .comments__floating-button.is-active:hover .comments__floating-button-text-box {
     width: 43.0833px;
   }
 
@@ -122,7 +122,7 @@ export const floatButtonStyle = css`
   }
 
   .comments__floating-button:hover rect,
-  .isActive rect {
+  .is-active rect {
     fill: rgba(var(--sv-white));
   }
 
@@ -136,7 +136,7 @@ export const floatButtonStyle = css`
     transform: rotate(90deg);
   }
 
-  .isActive .cross {
+  .is-active .cross {
     transform: translateY(-50%) rotate(45deg);
   }