diff --git a/examples/FluentUI.Demo.Shared/Microsoft.Fast.Components.FluentUI.xml b/examples/FluentUI.Demo.Shared/Microsoft.Fast.Components.FluentUI.xml index 34bc69fa40..53e2d5d0c0 100644 --- a/examples/FluentUI.Demo.Shared/Microsoft.Fast.Components.FluentUI.xml +++ b/examples/FluentUI.Demo.Shared/Microsoft.Fast.Components.FluentUI.xml @@ -3117,6 +3117,11 @@ Callback function for when the menu group is expanded + + + Dispose of this navmenu group. + + Gets or sets the content to be rendered inside the component. @@ -3173,6 +3178,11 @@ Gets or sets the width of the link (in pixels). + + + Dispose of this navmenu link. + + When true, spin buttons will not be rendered diff --git a/src/Microsoft.Fast.Components.FluentUI/Components/NavMenu/FluentNavMenu.razor.css b/src/Microsoft.Fast.Components.FluentUI/Components/NavMenu/FluentNavMenu.razor.css index 0329cd3487..6e4c80dece 100644 --- a/src/Microsoft.Fast.Components.FluentUI/Components/NavMenu/FluentNavMenu.razor.css +++ b/src/Microsoft.Fast.Components.FluentUI/Components/NavMenu/FluentNavMenu.razor.css @@ -67,10 +67,11 @@ ::deep .navmenu-group::part(expand-collapse-button) { left: unset; right: 0; - margin-right: calc(var(--expand-collapse-button-size) * -1); + margin-inline-end: calc(var(--expand-collapse-button-size) * -1 + (var(--design-unit) * 2px)); } [dir="rtl"] * ::deep .navmenu-group.nested::part(expand-collapse-button) { left: 0; right: unset; + margin-inline-start: calc(var(--expand-collapse-button-size) - (var(--design-unit) * 2px)); } \ No newline at end of file