[Button] Remove style override when loading (#2686)

microsoft · Sep 19, 2024 · 7fa0471 · 7fa0471
1 parent 6420d80
commit 7fa0471
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 1 deletion.
diff --git a/src/Core/Components/Button/FluentButton.razor b/src/Core/Components/Button/FluentButton.razor
@@ -21,7 +21,7 @@ else
     {
         <fluent-button @ref=Element
                class="@(LoadingOverlay ? string.Empty : Class)"
-               style="@(LoadingOverlay ? "width: 100%;" : Style)"
+               style="@Style"
                autofocus=@Autofocus
                form=@FormId
                formaction=@Action

diff --git a/src/Core/Components/Button/FluentButton.razor.css b/src/Core/Components/Button/FluentButton.razor.css
@@ -1,5 +1,7 @@
 .loading-button {
     position: relative;
+    height: calc((var(--base-height-multiplier) + var(--density))* var(--design-unit)* 1px);
+    display: inline-block;
 }
 
     .loading-button ::deep fluent-progress-ring {