Skip to content

fix: Pressed and Hover states for toolbar buttons#25835

Merged
chpalac merged 2 commits intomicrosoft:masterfrom
chpalac:fix/pressed-hover-buttons
Dec 2, 2022
Merged

fix: Pressed and Hover states for toolbar buttons#25835
chpalac merged 2 commits intomicrosoft:masterfrom
chpalac:fix/pressed-hover-buttons

Conversation

@chpalac
Copy link
Contributor

@chpalac chpalac commented Nov 29, 2022

Overview

Fixes: #25802

The correct default appearance from react-button to be used for ToolbarButton is the subtle one which will respect the pressed and hover states.

0ttn29RF7S

@size-auditor
Copy link

size-auditor bot commented Nov 29, 2022

Asset size changes

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

Baseline commit: 1bff9a3148961667fe516b46fead5798db794ae6 (build)

@fabricteam
Copy link
Collaborator

fabricteam commented Nov 29, 2022

Perf Analysis (@fluentui/react-components)

Scenario Render type Master Ticks PR Ticks Iterations Status
Persona mount 513 2780 5000 Possible regression
All results

Scenario Render type Master Ticks PR Ticks Iterations Status
Avatar mount 1262 1291 5000
Button mount 912 908 5000
FluentProvider mount 1501 1507 5000
FluentProviderWithTheme mount 573 576 10
FluentProviderWithTheme virtual-rerender 543 536 10
FluentProviderWithTheme virtual-rerender-with-unmount 569 572 10
MakeStyles mount 1960 1946 50000
Persona mount 513 2780 5000 Possible regression
SpinButton mount 2329 2375 5000

@fabricteam
Copy link
Collaborator

fabricteam commented Nov 29, 2022

📊 Bundle size report

Unchanged fixtures
Package & Exports Size (minified/GZIP)
react-components
react-components: Button, FluentProvider & webLightTheme
59.018 kB
16.371 kB
react-components
react-components: Accordion, Button, FluentProvider, Image, Menu, Popover
186.456 kB
52.327 kB
react-components
react-components: FluentProvider & webLightTheme
33.48 kB
11.037 kB
react-portal-compat
PortalCompatProvider
5.857 kB
1.978 kB
🤖 This report was generated against 1bff9a3148961667fe516b46fead5798db794ae6

@codesandbox-ci
Copy link

codesandbox-ci bot commented Nov 29, 2022

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 cbcd80c:

Sandbox Source
@fluentui/react 8 starter Configuration
@fluentui/react-components 9 starter Configuration
cranky-margulis-o00yws Issue #25802

@fabricteam
Copy link
Collaborator

fabricteam commented Nov 29, 2022

🕵 fluentuiv9 No visual regressions between this PR and main

@chpalac chpalac force-pushed the fix/pressed-hover-buttons branch from fde6e6a to 1c3442b Compare November 30, 2022 13:21
@chpalac
Copy link
Contributor Author

chpalac commented Dec 2, 2022

@ling1726 Does this one looks good?

@chpalac chpalac requested review from a team as code owners December 2, 2022 12:02
@chpalac chpalac enabled auto-merge (squash) December 2, 2022 12:02
@chpalac chpalac closed this Dec 2, 2022
auto-merge was automatically disabled December 2, 2022 13:19

Pull request was closed

@chpalac chpalac force-pushed the fix/pressed-hover-buttons branch from cbcd80c to 1bff9a3 Compare December 2, 2022 13:19
@chpalac chpalac reopened this Dec 2, 2022
@chpalac chpalac enabled auto-merge (squash) December 2, 2022 13:28
@chpalac chpalac merged commit 803091a into microsoft:master Dec 2, 2022
marcosmoura added a commit to marcosmoura/fluentui that referenced this pull request Dec 2, 2022
* master:
  fix: Pressed and Hover states for toolbar buttons (microsoft#25835)
  feat: add large size for toolbar (microsoft#25830)
  applying package updates
  adding perf test for Persona (microsoft#25863)
  fix: Fixing Slider's programmatic focus (microsoft#25869)
  chore(v0 docs): Add storybook stories that reference docsite examples for 1JS VR tool migration (microsoft#25663)
  fix: Respecting user-provided ids in ComboBox options (microsoft#25867)
  refactor(scripts): more domain boundaries encapsulation (microsoft#25851)
  docs: add documentation about how to migrate V0 createSvgIcon (microsoft#25828)
  support cross story linking and create example in Menu story (microsoft#25850)
@chpalac chpalac deleted the fix/pressed-hover-buttons branch December 5, 2022 13:26
Hotell pushed a commit to Hotell/fluentui that referenced this pull request Feb 9, 2023
* chore: update default button appearance for toolbar

* chore: add changes
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.

Toolbar: Hover and pressed backgrounds for buttons not present

5 participants