[MenuButton] Fix icon size (#2374)

* Fix icon size * Fix test --------- Co-authored-by: Vincent Baaij <[email protected]>
microsoft · Jul 15, 2024 · 61c2bcf · 61c2bcf
1 parent 310eedd
commit 61c2bcf
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 8 deletions.
diff --git a/src/Core/Components/MenuButton/FluentMenuButton.razor b/src/Core/Components/MenuButton/FluentMenuButton.razor
@@ -5,7 +5,7 @@
 <div class="fluent-menubutton-container">
     <FluentButton Id="@_buttonId" @ref="Button" Appearance="@ButtonAppearance" Style=@ButtonStyle aria-haspopup="true" aria-expanded="@_visible" @onclick=ToggleMenu @onkeydown=OnKeyDown>
         @Text
-        <FluentIcon Value="@(new CoreIcons.Regular.Size24.ChevronDown())" Slot="end" Color="@_iconColor" />
+        <FluentIcon Value="@(new CoreIcons.Regular.Size12.ChevronDown())" Slot="end" Color="@_iconColor" />
     </FluentButton>
     <FluentOverlay @bind-Visible="@_visible" Transparent="true" FullScreen="true" />
     <FluentMenu @ref="Menu" Anchor="@_buttonId" aria-labelledby="button" Style="@MenuStyleValue" @bind-Open=@_visible @onmenuchange=OnMenuChangeAsync>

diff --git a/tests/Core/_ToDo/MenuButton/FluentMenuButtonTests.FluentMenuButton_Default.verified.html b/tests/Core/_ToDo/MenuButton/FluentMenuButtonTests.FluentMenuButton_Default.verified.html
@@ -1,8 +1,8 @@
 
-<div class="fluent-menubutton-container" b-t9jxvmq136="">
-  <fluent-button type="button" appearance="accent" blazor:onclick="1" aria-haspopup="true" blazor:onkeydown="2" b-ai83c66izh="" blazor:elementreference="xxx">
-    <svg slot="end" style="width: 24px; fill: var(--neutral-fill-rest);" focusable="false" viewBox="0 0 24 24" aria-hidden="true" blazor:onclick="3">
-      <path d="M4.22 8.47c.3-.3.77-.3 1.06 0L12 15.19l6.72-6.72a.75.75 0 1 1 1.06 1.06l-7.25 7.25c-.3.3-.77.3-1.06 0L4.22 9.53a.75.75 0 0 1 0-1.06Z"></path>
-    </svg>
-  </fluent-button>
-</div>
+<div class="fluent-menubutton-container" b-nrgns4mio7="">
+    <fluent-button type="button" id="xxx" appearance="accent" blazor:onclick="1" aria-haspopup="true" blazor:onkeydown="2" b-x1200685t0="" blazor:elementreference="xxx">
+        <svg slot="end" style="width: 12px; fill: var(--neutral-fill-rest);" focusable="false" viewBox="0 0 12 12" aria-hidden="true" blazor:onkeydown="3" blazor:onclick="4">
+            <path d="M2.15 4.65c.2-.2.5-.2.7 0L6 7.79l3.15-3.14a.5.5 0 1 1 .7.7l-3.5 3.5a.5.5 0 0 1-.7 0l-3.5-3.5a.5.5 0 0 1 0-.7Z"></path>
+        </svg>
+    </fluent-button>
+</div>