Skip to content

Conversation

@theerebuss
Copy link
Contributor

@theerebuss theerebuss commented Jan 26, 2021

Pull request checklist

Description of changes

Added a missing high contrast selector to the SplitButton styles.

Focus areas to test

CommandBar with split and disabled buttons example
Pre

image

Post

image

marginTop: 0,
marginRight: 0,
marginBottom: 0,
[HighContrastSelector]: {
Copy link
Contributor Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Used generic HighContrast selector as the problem was also present in High Contrast White mode.

@codesandbox-ci
Copy link

codesandbox-ci bot commented Jan 26, 2021

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 47f55bf:

Sandbox Source
Fluent UI Button Configuration
codesandbox-react-template Configuration

@fabricteam
Copy link
Collaborator

fabricteam commented Jan 26, 2021

Perf Analysis

No significant results to display.

All results

Scenario Render type 7.0 Ticks PR Ticks Iterations Status
BaseButton mount 877 879 5000
Breadcrumb mount 41313 41249 5000
Checkbox mount 1493 1497 5000
CheckboxBase mount 1256 1252 5000
ChoiceGroup mount 4816 4800 5000
ComboBox mount 910 913 1000
CommandBar mount 7655 7564 1000
ContextualMenu mount 13966 13875 1000
DefaultButton mount 1104 1100 5000
DetailsRow mount 3566 3486 5000
DetailsRowFast mount 3535 3471 5000
DetailsRowNoStyles mount 3375 3405 5000
Dialog mount 1432 1481 1000
DocumentCardTitle mount 1762 1781 1000
Dropdown mount 2400 2452 5000
FocusTrapZone mount 1659 1646 5000
FocusZone mount 1725 1751 5000
IconButton mount 1690 1699 5000
Label mount 322 331 5000
Layer mount 1907 1893 5000
Link mount 415 436 5000
MenuButton mount 1478 1432 5000
MessageBar mount 2026 2020 5000
Nav mount 3152 3149 1000
OverflowSet mount 1341 1388 5000
Panel mount 1396 1413 1000
Persona mount 799 817 1000
Pivot mount 1403 1396 1000
PrimaryButton mount 1249 1248 5000
Rating mount 7365 7385 5000
SearchBox mount 1223 1235 5000
Shimmer mount 2463 2537 5000
Slider mount 1432 1483 5000
SpinButton mount 4798 4867 5000
Spinner mount 417 409 5000
SplitButton mount 3064 3043 5000
Stack mount 485 485 5000
StackWithIntrinsicChildren mount 1474 1495 5000
StackWithTextChildren mount 4539 4537 5000
SwatchColorPicker mount 9894 10075 5000
TagPicker mount 2700 2668 5000
TeachingBubble mount 50061 49776 5000
Text mount 402 416 5000
TextField mount 1343 1337 5000
Toggle mount 812 805 5000
button mount 105 111 5000

@size-auditor
Copy link

size-auditor bot commented Jan 26, 2021

Asset size changes

Project Bundle Baseline Size New Size Difference
office-ui-fabric-react office-ui-fabric-react-Panel 195.02 kB 195.079 kB ExceedsBaseline     59 bytes
office-ui-fabric-react office-ui-fabric-react-FloatingPicker 234.272 kB 234.331 kB ExceedsBaseline     59 bytes
office-ui-fabric-react office-ui-fabric-react-Dialog 204.67 kB 204.729 kB ExceedsBaseline     59 bytes
office-ui-fabric-react office-ui-fabric-react-Pickers 277.299 kB 277.358 kB ExceedsBaseline     59 bytes
office-ui-fabric-react office-ui-fabric-react-Breadcrumb 193.593 kB 193.652 kB ExceedsBaseline     59 bytes
office-ui-fabric-react office-ui-fabric-react-Button 188.303 kB 188.362 kB ExceedsBaseline     59 bytes
office-ui-fabric-react office-ui-fabric-react-Dropdown 226.736 kB 226.795 kB ExceedsBaseline     59 bytes
office-ui-fabric-react office-ui-fabric-react-TeachingBubble 199.853 kB 199.912 kB ExceedsBaseline     59 bytes
office-ui-fabric-react office-ui-fabric-react-SelectedItemsList 223.348 kB 223.407 kB ExceedsBaseline     59 bytes
office-ui-fabric-react office-ui-fabric-react-ComboBox 239.466 kB 239.525 kB ExceedsBaseline     59 bytes
office-ui-fabric-react office-ui-fabric-react-SearchBox 181.521 kB 181.58 kB ExceedsBaseline     59 bytes
office-ui-fabric-react office-ui-fabric-react-MessageBar 183.608 kB 183.667 kB ExceedsBaseline     59 bytes
office-ui-fabric-react office-ui-fabric-react-CommandBar 195.875 kB 195.934 kB ExceedsBaseline     59 bytes
office-ui-fabric-react office-ui-fabric-react-SpinButton 187.542 kB 187.601 kB ExceedsBaseline     59 bytes
office-ui-fabric-react office-ui-fabric-react-DocumentCard 209.393 kB 209.452 kB ExceedsBaseline     59 bytes

ExceedsTolerance Over Tolerance (1024 B) ExceedsBaseline Over Baseline BelowBaseline Below Baseline New New Deleted  Removed 1 kB = 1000 B

Baseline commit: bd9d29c1617c3b2845f5e5391f25c3b8cf711821 (build)

@theerebuss theerebuss merged commit a59bbd3 into microsoft:7.0 Jan 27, 2021
@msft-fluent-ui-bot
Copy link
Collaborator

🎉office-ui-fabric-react@v7.157.2 has been released which incorporates this pull request.:tada:

Handy links:

@msft-fluent-ui-bot
Copy link
Collaborator

🎉@fluentui/react-examples@v0.11.15 has been released which incorporates this pull request.:tada:

Handy links:

@v-ajrai
Copy link

v-ajrai commented Jan 29, 2021

Can you let us know which version of fabric UI has this changes incorporated so that we could use it.

@ecraig12345
Copy link
Member

@v-ajrai It's in a comment just above yours.

🎉office-ui-fabric-react@v7.157.2 has been released which incorporates this pull request.🎉

@ecraig12345 ecraig12345 removed the needs cherry-pick Temporary label for PRs which may need to be cherry-picked to master label Feb 18, 2021
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.

7 participants