Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

fix: MenuDivider thickness should be strokeWidthThin #25711

Merged
merged 2 commits into from
Nov 22, 2022

Conversation

ling1726
Copy link
Member

Updates the border style of MenuDivider to use strokeWidthThin design token

Updates the border style of `MenuDivider` to use `strokeWidthThin`
design token
@size-auditor
Copy link

size-auditor bot commented Nov 18, 2022

Asset size changes

Size Auditor did not detect a change in bundle size for any component!

Baseline commit: d2a957c632af5cc995b4582a3b8e8f075139df7b (build)

@fabricteam
Copy link
Collaborator

Perf Analysis (@fluentui/react-components)

No significant results to display.

All results

Scenario Render type Master Ticks PR Ticks Iterations Status
Avatar mount 1298 1265 5000
Button mount 903 931 5000
FluentProvider mount 1478 1479 5000
FluentProviderWithTheme mount 566 585 10
FluentProviderWithTheme virtual-rerender 535 543 10
FluentProviderWithTheme virtual-rerender-with-unmount 571 580 10
MakeStyles mount 1967 1963 50000
SpinButton mount 2373 2295 5000

@fabricteam
Copy link
Collaborator

📊 Bundle size report

Unchanged fixtures
Package & Exports Size (minified/GZIP)
react-components
react-components: Button, FluentProvider & webLightTheme
62.951 kB
17.675 kB
react-components
react-components: Accordion, Button, FluentProvider, Image, Menu, Popover
190.427 kB
53.087 kB
react-components
react-components: FluentProvider & webLightTheme
33.456 kB
11.029 kB
react-menu
Menu (including children components)
117.61 kB
36.287 kB
react-menu
Menu (including selectable components)
120.679 kB
36.82 kB
react-portal-compat
PortalCompatProvider
5.857 kB
1.978 kB
🤖 This report was generated against d2a957c632af5cc995b4582a3b8e8f075139df7b

@codesandbox-ci
Copy link

This pull request is automatically built and testable in CodeSandbox.

To see build info of the built libraries, click here or the icon next to each commit SHA.

Latest deployment of this branch, based on commit a8cf400:

Sandbox Source
@fluentui/react 8 starter Configuration
@fluentui/react-components 9 starter Configuration

@fabricteam
Copy link
Collaborator

🕵 fluentuiv9 Open the Visual Regressions report to inspect the 2 screenshots

✅ There was 0 screenshots added, 0 screenshots removed, 1749 screenshots unchanged, 0 screenshots with different dimensions and 2 screenshots with visible difference.

unknown 2 screenshots
Image Name Diff(in Pixels) Image Type
Avatar Converged.size+active+badge.normal.chromium.png 10 Changed
Avatar Converged.size+active+ring-shadow.normal.chromium.png 9 Changed

@ling1726 ling1726 merged commit 6f036a8 into microsoft:master Nov 22, 2022
Hotell pushed a commit to Hotell/fluentui that referenced this pull request Feb 9, 2023
* fix: MenuDivider thickness should be `strokeWidthThin`

Updates the border style of `MenuDivider` to use `strokeWidthThin`
design token

* changefile
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
Development

Successfully merging this pull request may close these issues.

[Bug]: Menu divider visual bug
4 participants