fix(leftbar_row): DLT-2122 css cleanup (#586)

dialpad · Dec 11, 2024 · a6ae4bf · a6ae4bf
1 parent efb116c
commit a6ae4bf
Show file tree

Hide file tree

Showing 3 changed files with 10 additions and 32 deletions.
diff --git a/packages/dialtone-css/lib/build/less/recipes/leftbar_row.less b/packages/dialtone-css/lib/build/less/recipes/leftbar_row.less
@@ -152,7 +152,7 @@
       border-radius: var(--dt-size-radius-pill);
       opacity: 0.3;
       transition: all 500ms ease;
-      animation: wave 1.5s ease infinite;
+      animation: d-recipe-leftbar-row-wave 1.5s ease infinite;
 
       &:nth-child(1) {
         animation-delay: 0ms;
@@ -327,10 +327,10 @@
   }
 }
 
-.opacity-pulsate {
-  -webkit-animation-name: opacity-pulsate;
-  -moz-animation-name: opacity-pulsate;
-  animation-name: opacity-pulsate;
+.d-recipe-leftbar-row-opacity-pulsate {
+  -webkit-animation-name: d-recipe-leftbar-row-opacity-pulsate;
+  -moz-animation-name: d-recipe-leftbar-row-opacity-pulsate;
+  animation-name: d-recipe-leftbar-row-opacity-pulsate;
   -webkit-animation-duration: 1s;
   -moz-animation-duration: 1s;
   animation-duration: 1s;
@@ -342,7 +342,7 @@
   animation-fill-mode: both;
 }
 
-@keyframes opacity-pulsate {
+@keyframes d-recipe-leftbar-row-opacity-pulsate {
   0%,
   100% {
     opacity: 0.2;
@@ -353,29 +353,7 @@
   }
 }
 
-@keyframes opacity-pulsate {
-  0%,
-  100% {
-    opacity: 0.2;
-  }
-
-  50% {
-    opacity: 1;
-  }
-}
-
-@keyframes opacity-pulsate {
-  0%,
-  100% {
-    opacity: 0.2;
-  }
-
-  50% {
-    opacity: 1;
-  }
-}
-
-@keyframes wave {
+@keyframes d-recipe-leftbar-row-wave {
   0%,
   50%,
   100% {

diff --git a/packages/dialtone-css/lib/build/less/recipes/message_input.less b/packages/dialtone-css/lib/build/less/recipes/message_input.less
@@ -26,7 +26,7 @@
   font-size: var(--dt-font-size-100);
 }
 
-.d-recipe-message-input__remaining-char__tooltip {
+.d-recipe-message-input__remaining-char-tooltip {
   margin-top: auto;
   margin-bottom: auto;
 }

diff --git a/packages/dialtone-css/lib/build/less/recipes/top_banner_info.less b/packages/dialtone-css/lib/build/less/recipes/top_banner_info.less
@@ -7,7 +7,7 @@
 }
 
 .d-recipe-top-banner-info__left {
-  min-width: 20%;
+  min-width: var(--dt-size-20-percent);
   margin: var(--dt-space-300) 0 var(--dt-space-300) var(--dt-space-400);
 }
 
@@ -24,7 +24,7 @@
   gap: var(--dt-size-300);
   align-items: baseline;
   justify-content: flex-end;
-  min-width: 20%;
+  min-width: var(--dt-size-20-percent);
   margin: var(--dt-space-300) var(--dt-space-500) var(--dt-space-300) 0;
   text-align: right;
 }