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: remove margin from icon when ToolbarButton is vertical #28658

Merged
merged 2 commits into from
Jul 27, 2023

Conversation

chpalac
Copy link
Contributor

@chpalac chpalac commented Jul 27, 2023

Overview

Remove margin from icon inside ToolbarButton when vertical.

Before:

Befor

After:

after

@chpalac chpalac requested review from a team and ling1726 as code owners July 27, 2023 12:23
@fabricteam
Copy link
Collaborator

Perf Analysis (@fluentui/react-components)

Scenario Render type Master Ticks PR Ticks Iterations Status
InfoButton mount 12 14 5000 Possible regression
All results

Scenario Render type Master Ticks PR Ticks Iterations Status
Avatar mount 587 577 5000
Button mount 290 285 5000
Field mount 1044 1079 5000
FluentProvider mount 634 671 5000
FluentProviderWithTheme mount 87 82 10
FluentProviderWithTheme virtual-rerender 61 66 10
FluentProviderWithTheme virtual-rerender-with-unmount 70 67 10
InfoButton mount 12 14 5000 Possible regression
MakeStyles mount 816 856 50000
Persona mount 1612 1562 5000
SpinButton mount 1324 1337 5000

@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 32a2eb3:

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

@fabricteam
Copy link
Collaborator

📊 Bundle size report

Unchanged fixtures
Package & Exports Size (minified/GZIP)
react-components
react-components: Button, FluentProvider & webLightTheme
67.576 kB
18.225 kB
react-components
react-components: Accordion, Button, FluentProvider, Image, Menu, Popover
208.062 kB
57.968 kB
react-components
react-components: FluentProvider & webLightTheme
36.409 kB
12.003 kB
react-portal-compat
PortalCompatProvider
6.48 kB
2.203 kB
🤖 This report was generated against 6320eca143cfe0741e35ada6a84408036332d176

@size-auditor
Copy link

size-auditor bot commented Jul 27, 2023

Asset size changes

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

Baseline commit: 6320eca143cfe0741e35ada6a84408036332d176 (build)

@chpalac chpalac merged commit c6d2ace into microsoft:master Jul 27, 2023
@chpalac chpalac deleted the fix/toolbar-icon-vertical-align branch July 27, 2023 16:38
marcosmoura added a commit to marcosmoura/fluentui that referenced this pull request Aug 1, 2023
* master: (37 commits)
  release (microsoft#28696)
  Fixing re-render issue for all charts when empty (microsoft#28321)
  feat(FluentProvider): emit errors on duplicate IDs (microsoft#28670)
  applying package updates
  fix(react-positioning): autoSize causing position update to reach maximum (microsoft#28689)
  fix(react-tags-preview): fix InteractionTag hover styles (microsoft#28686)
  Accordion: export AccordionHeaderProvider (microsoft#28542)
  feat(react-shared-contexts): add AnnounceContext (microsoft#28654)
  Added VR tests for Breadcrumb (microsoft#28653)
  fix(react-menu): use outline for menuItem focus ring (microsoft#28685)
  [Bug]: Tree, vertical spacing of branches and children is inconsistent (microsoft#28681)
  feaTt(react-tree): adds openItems and checkedItems to tree callback data (microsoft#28669)
  applying package updates
  Add mountNode prop to combos (microsoft#28661)
  react-tags-preview: add more vr test (microsoft#28582)
  chore: migrate to nx 16.1.4 (microsoft#28583)
  applying package updates
  chore: improves internal headless signature (microsoft#28651)
  fix: remove margin from icon when ToolbarButton is vertical (microsoft#28658)
  applying package updates
  ...
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

4 participants