[MudStepper] - fix for vertical Timeline breaks after a certain height #207 (#211)

* no message

* no message

* fix for MudStepper vertical Timeline breaks after a certain height #207

---------

Co-authored-by: segfault <five90-segfault@outlook.com>

Author: segfault-

CodeBeam.MudBlazor.Extensions/Components/Stepper/MudStepper.razor

@@ -20,7 +20,7 @@
                         continue;
                     }
 
-                    <div style="@GetStepPercent()">
+                    <div class="@GetStepClass()" style="@GetStepPercent()">
                         <div @onclick="@(Linear ? null : () => SetActiveIndex(step))" class="@HeaderClassname">
                             @{
                                 bool active = IsStepActive(step);

CodeBeam.MudBlazor.Extensions/Components/Stepper/MudStepper.razor.cs

@@ -77,12 +77,24 @@ protected string GetStepPercent()
             }
         }
 
+        protected string GetStepClass()
+        {
+            if (Vertical)
+            {
+                return $"d-flex";
+            }
+            else
+            {
+                return $"";
+            }
+        }
+
         protected string GetProgressLinearStyle()
         {
             var end = Steps.Count * 2;
             if (Vertical)
             {
-                return $"grid-row-start:2;grid-row-end:{end};grid-column:1/-1;display:inline-grid;left:{(HeaderSize == Size.Medium ? 30 : HeaderSize == Size.Large ? 38 : 22)}px;top:-34px;z-index:10;transform:rotateX(180deg);";
+                return $"grid-row-start:2;grid-row-end:{end};grid-column:1/-1;display:inline-grid;left:{(HeaderSize == Size.Medium ? 30 : HeaderSize == Size.Large ? 38 : 22)}px;z-index:10;transform:rotateX(180deg);";
             }
             else
             {