fix(progressbar): fix indeterminate animation

telerik · Mar 27, 2023 · fad4a96 · fad4a96
1 parent 79dd700
commit fad4a96
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 6 deletions.
diff --git a/packages/bootstrap/scss/progressbar/_variables.scss b/packages/bootstrap/scss/progressbar/_variables.scss
@@ -8,7 +8,7 @@ $kendo-progressbar-height: $progress-height !default;
 $kendo-progressbar-horizontal-width: 100% !default;
 /// Animation timing of the progressbar.
 /// @group progressbar
-$kendo-progressbar-animation-timing: progress-bar-animation-timing !default;
+$kendo-progressbar-animation-timing: $progress-bar-animation-timing !default;
 /// Border width of the progressbar.
 /// @group progressbar
 $kendo-progressbar-border-width: 0px !default;

diff --git a/packages/material/scss/progressbar/_theme.scss b/packages/material/scss/progressbar/_theme.scss
@@ -7,9 +7,9 @@
     @return if($direction == horizontal, scaleX($value), scaleY($value));
 }
 
-@mixin progressbar-indeterminate-animation($direction) {
-    $primary-animation-name: progressbar-primary-indeterminate-#{$direction};
-    $secondary-animation-name: progressbar-secondary-indeterminate-#{$direction};
+@mixin kendo-progressbar-indeterminate-animation($direction) {
+    $primary-animation-name: kendo-progressbar-primary-indeterminate-#{$direction};
+    $secondary-animation-name: kendo-progressbar-secondary-indeterminate-#{$direction};
 
     @keyframes #{$primary-animation-name} {
         0% {
@@ -48,8 +48,8 @@
 }
 
 @include exports("progressbar/theme/material") {
-    @include progressbar-indeterminate-animation(horizontal);
-    @include progressbar-indeterminate-animation(vertical);
+    @include kendo-progressbar-indeterminate-animation(horizontal);
+    @include kendo-progressbar-indeterminate-animation(vertical);
 
     .k-progressbar-indeterminate {
         background-image: none;