Skip to content

Conversation

@Jacqueline-ms
Copy link
Contributor

Previous Behavior

High contrast light had style bug on selected and hover
image

High contrast dark had style bug on selected and hover
image

image

New Behavior

High contrast light
image
image

High contrast dark
image
image

Showing light and dark themes dropdown to prove no new bugs introduced.
Light:
image
image

@msft-fluent-ui-bot msft-fluent-ui-bot added the needs cherry-pick Temporary label for PRs which may need to be cherry-picked to master label Mar 27, 2023
Copy link
Collaborator

@msft-fluent-ui-bot msft-fluent-ui-bot left a comment

Choose a reason for hiding this comment

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

It looks like this change to the 7.0 branch may not have been submitted to master yet. Now that version 8 has released, all changes must be submitted to the master branch first (except in emergencies or if the change is irrelevant to version 8).

Please do one of the following:

  • If you've already created a PR to master, add a link to it
  • If the change is irrelevant to version 8, add a comment explaining why
  • Otherwise, create a PR to master with this same change, and add a link to it

After that, you can dismiss this review and remove the "needs cherry-pick" label (or ask a team member to help do so).

Want to avoid this in the future? Include text like "Cherry-pick of ####" in the PR description (where #### is the real master PR number).

@codesandbox-ci
Copy link

codesandbox-ci bot commented Mar 27, 2023

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 9c840ff:

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

@github-advanced-security
Copy link

You have successfully added a new CodeQL configuration /language:javascript. As part of the setup process, we have scanned this repository and found 21 existing alerts. Please check the repository Security tab to see all alerts.

@fabricteam
Copy link
Collaborator

fabricteam commented Mar 27, 2023

🕵 FluentUI-v7 Open the Visual Regressions report to inspect the 31 screenshots

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

unknown 31 screenshots
Image Name Diff(in Pixels) Image Type
Card.Horizontal Card - Example with contents.default.chromium.png 27464 Changed
Card.Horizontal Card - Example with contents.focus.chromium.png 27376 Changed
Card.Horizontal Card - Example with contents.hover.chromium.png 27355 Changed
Card.Vertical Card - Example with contents - Image in middle.default.chromium.png 8094 Changed
Card.Vertical Card - Example with contents - Image in middle.focus.chromium.png 8035 Changed
Card.Vertical Card - Example with contents - Image in middle.hover.chromium.png 8094 Changed
Card.Vertical Card - Example with contents - Image on top.default.chromium.png 277566 Changed
Card.Vertical Card - Example with contents - Image on top.focus.chromium.png 275241 Changed
Card.Vertical Card - Example with contents - Image on top.hover.chromium.png 277514 Changed
Image.Fit- CenterContain, image larger.default.chromium.png 12593 Changed
Image.Fit- CenterContain, image smaller.default.chromium.png 32236 Changed
Image.Fit- CenterContain, image taller.default.chromium.png 18134 Changed
Image.Fit- CenterContain, image wider.default.chromium.png 18134 Changed
Image.Fit- center, image larger.default.chromium.png 11026 Changed
Image.Fit- center, image smaller.default.chromium.png 2008 Changed
Image.Fit- centerCover, image larger.default.chromium.png 17710 Changed
Image.Fit- centerCover, image smaller.default.chromium.png 32236 Changed
Image.Fit- centerCover, image taller.default.chromium.png 24267 Changed
Image.Fit- centerCover, image wider.default.chromium.png 24267 Changed
Image.Fit- contain, image taller.default.chromium.png 1171 Changed
Image.Fit- contain, image wider.default.chromium.png 3471 Changed
Image.Fit- cover, image taller.default.chromium.png 7613 Changed
Image.Fit- cover, image wider.default.chromium.png 7613 Changed
Image.Fit- none, image larger.default.chromium.png 10967 Changed
Image.Fit- none, image smaller.default.chromium.png 2008 Changed
Image.Maximize frame, landscape container.default.chromium.png 4074 Changed
Image.No fit, no w-h.default.chromium.png 84392 Changed
Image.No fit, only height.default.chromium.png 21927 Changed
Image.No fit, only width.default.chromium.png 166761 Changed
TeachingBubble.WideIllustration - RTL.default.chromium.png 25170 Changed
TeachingBubble.WideIllustration.default.chromium.png 25234 Changed

@Jacqueline-ms
Copy link
Contributor Author

Cherry-picked into 8.0 via #27346

@Jacqueline-ms Jacqueline-ms dismissed msft-fluent-ui-bot’s stale review March 28, 2023 02:29

This has been cherry-picked into main

@fabricteam
Copy link
Collaborator

fabricteam commented Mar 28, 2023

Perf Analysis

No significant results to display.

All results

Scenario Render type 7.0 Ticks PR Ticks Iterations Status
BaseButton mount 1145 1148 5000
Breadcrumb mount 35412 35467 5000
Checkbox mount 1658 1647 5000
CheckboxBase mount 1463 1447 5000
ChoiceGroup mount 4398 4374 5000
ComboBox mount 1074 1084 1000
CommandBar mount 6882 6829 1000
ContextualMenu mount 10958 10805 1000
DefaultButton mount 1295 1316 5000
DetailsRow mount 3396 3347 5000
DetailsRowFast mount 3442 3392 5000
DetailsRowNoStyles mount 3274 3243 5000
Dialog mount 2126 2134 1000
DocumentCardTitle mount 1899 1950 1000
Dropdown mount 2386 2360 5000
FocusTrapZone mount 1785 1785 5000
FocusZone mount 1880 1872 5000
GroupedList mount 813 893 2
GroupedListV2 mount 484 493 2
IconButton mount 1749 1755 5000
Label mount 688 674 5000
Layer mount 2014 1995 5000
Link mount 771 772 5000
MenuButton mount 1564 1560 5000
MessageBar mount 2135 2150 5000
Nav mount 2993 2985 1000
OverflowSet mount 1587 1557 5000
Panel mount 1551 1565 1000
Persona mount 1177 1190 1000
Pivot mount 1482 1472 1000
PrimaryButton mount 1439 1380 5000
Rating mount 7035 7059 5000
SearchBox mount 1441 1452 5000
Shimmer mount 2636 2645 5000
Slider mount 1670 1669 5000
SpinButton mount 4302 4279 5000
Spinner mount 757 757 5000
SplitButton mount 2830 2826 5000
Stack mount 823 836 5000
StackWithIntrinsicChildren mount 1717 1725 5000
StackWithTextChildren mount 4642 4611 5000
SwatchColorPicker mount 8413 8486 5000
TagPicker mount 2473 2462 5000
TeachingBubble mount 41795 41841 5000
Text mount 771 769 5000
TextField mount 1518 1494 5000
Toggle mount 1113 1124 5000
button mount 456 469 5000

@Jacqueline-ms Jacqueline-ms marked this pull request as ready for review March 28, 2023 03:12
@Jacqueline-ms Jacqueline-ms reopened this Mar 28, 2023
@Jacqueline-ms Jacqueline-ms reopened this Apr 3, 2023
@Jacqueline-ms Jacqueline-ms deleted the jackieg/7.0_dropdown branch April 5, 2023 00:54
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

Fabric 7 needs cherry-pick Temporary label for PRs which may need to be cherry-picked to master Package: azure-themes

Projects

None yet

Development

Successfully merging this pull request may close these issues.

5 participants