ProgressCircular: Fix lagg in indeterminate animation (MudBlazor#1831, …

…MudBlazor#3681)
jammerware · Sep 20, 2022 · 6ada362 · 6ada362
1 parent 5b658a6
commit 6ada362
Show file tree

Hide file tree

Showing 3 changed files with 2 additions and 6 deletions.
diff --git a/src/MudBlazor/Components/Progress/MudProgressCircular.razor b/src/MudBlazor/Components/Progress/MudProgressCircular.razor
@@ -1,7 +1,7 @@
 @namespace MudBlazor
 @inherits MudComponentBase
 
-<div @attributes="UserAttributes" class="@DivClassname" role="progressbar" style="@DivStyle" aria-valuenow="@Value">
+<div @attributes="UserAttributes" class="@DivClassname" role="progressbar" style="@Style" aria-valuenow="@Value">
     <svg class="mud-progress-circular-svg" viewBox="22 22 44 44">
         @if (Indeterminate)
         {

diff --git a/src/MudBlazor/Components/Progress/MudProgressCircular.razor.cs b/src/MudBlazor/Components/Progress/MudProgressCircular.razor.cs
@@ -24,11 +24,6 @@ public partial class MudProgressCircular : MudComponentBase
                 .AddClass($"mud-progress-static", !Indeterminate)
                 .Build();
 
-        protected string DivStyle =>
-            new StyleBuilder("transform", "rotate(-90deg)")
-            .AddStyle(Style)
-            .Build();
-
         /// <summary>
         /// The color of the component. It supports the theme colors.
         /// </summary>

diff --git a/src/MudBlazor/Styles/components/_progresscircular.scss b/src/MudBlazor/Styles/components/_progresscircular.scss
@@ -30,6 +30,7 @@
 
 .mud-progress-circular-svg {
     display: block;
+    transform: rotate(-90deg);
 }
 
 .mud-progress-circular-circle {