Skip to content

Fix toolbar divider styles#28044

Merged
george-cz merged 2 commits intomicrosoft:masterfrom
george-cz:fix-toolbar-divider-styles
May 30, 2023
Merged

Fix toolbar divider styles#28044
george-cz merged 2 commits intomicrosoft:masterfrom
george-cz:fix-toolbar-divider-styles

Conversation

@george-cz
Copy link
Contributor

Previous Behavior

ToolbarDivider didn't have proper style order, meaning that the passed styles would be overriden by the default ones.

New Behavior

The passed styles have priority.

Related Issue(s)

@george-cz george-cz force-pushed the fix-toolbar-divider-styles branch from 018b6c9 to ecfeb45 Compare May 30, 2023 13:42
@fabricteam
Copy link
Collaborator

Perf Analysis (@fluentui/react-components)

Scenario Render type Master Ticks PR Ticks Iterations Status
FluentProviderWithTheme virtual-rerender-with-unmount 82 81 10 Possible regression
All results

Scenario Render type Master Ticks PR Ticks Iterations Status
Avatar mount 587 566 5000
Button mount 298 296 5000
Field mount 1078 1064 5000
FluentProvider mount 665 648 5000
FluentProviderWithTheme mount 79 85 10
FluentProviderWithTheme virtual-rerender 71 68 10
FluentProviderWithTheme virtual-rerender-with-unmount 82 81 10 Possible regression
InfoButton mount 14 11 5000
MakeStyles mount 856 861 50000
Persona mount 1681 1581 5000
SpinButton mount 1282 1282 5000

@size-auditor
Copy link

size-auditor bot commented May 30, 2023

Asset size changes

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

Baseline commit: d6b67f35176ab121fa3c3b7dbef32871d2f785e6 (build)

@fabricteam
Copy link
Collaborator

📊 Bundle size report

Unchanged fixtures
Package & Exports Size (minified/GZIP)
react-components
react-components: Button, FluentProvider & webLightTheme
64.814 kB
17.858 kB
react-components
react-components: Accordion, Button, FluentProvider, Image, Menu, Popover
206.34 kB
57.876 kB
react-components
react-components: FluentProvider & webLightTheme
36.047 kB
11.912 kB
react-portal-compat
PortalCompatProvider
6.473 kB
2.196 kB
🤖 This report was generated against d6b67f35176ab121fa3c3b7dbef32871d2f785e6

@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 ecfeb45:

Sandbox Source
@fluentui/react 8 starter Configuration
@fluentui/react-components 9 starter Configuration
funny-lalande-j8iurp Issue #28042

@george-cz george-cz enabled auto-merge (squash) May 30, 2023 14:09
@george-cz george-cz merged commit 77ae630 into microsoft:master May 30, 2023
@msft-fluent-ui-bot
Copy link
Collaborator

🎉@fluentui/react-toolbar@v9.1.17 has been released which incorporates this pull request.:tada:

Handy links:

@msft-fluent-ui-bot
Copy link
Collaborator

🎉@fluentui/react-components@v9.21.0 has been released which incorporates this pull request.:tada:

Handy links:

marcosmoura added a commit to marcosmoura/fluentui that referenced this pull request May 31, 2023
* master:
  Added truncation and tooltips to the Breadcrumb (microsoft#27859)
  applying package updates
  applying package updates
  Export selection types from combobox (microsoft#28054)
  fix(react-datepicker-compat): Remove focus function from the deps to avoid constant move of focus (microsoft#28053)
  Updated poster for new stable components (microsoft#28051)
  Griffel/bump to 1.5.7 (microsoft#27925)
  feat(scripts): replace use of SWC CLI with SWC transform api (microsoft#27380)
  chore: Add positioning test for scroll jumps (microsoft#28043)
  chore: migrate to TS 4.5 (microsoft#27936)
  Fix toolbar divider styles (microsoft#28044)
  fix: createFocusOutlineStyle don't work with CSS variables (microsoft#27966)
  feat(react-tags): use simple button for TagButton content instead of aria button (microsoft#28033)
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]: ToolbarDivider styles cannot be overriden

5 participants