Skip to content

Conversation

@Jacqueline-ms
Copy link
Contributor

@Jacqueline-ms Jacqueline-ms commented Aug 8, 2023

Previous Behavior

When unselected or selected row is tabbed into (focus state) the contrast ratio did not pass accessibility standards of 3:1. Bug states: "Luminosity ratio of the focus boundary around the "rule id row" is 1.2:1 which is less than 3:1 under "Edit Exclusion" page."

Note: light theme fix only. Other themes unaffected
Screenshot 2023-08-08 at 11 04 37 AM

New Behavior

Design team concluded that aligning to what is live on Fluent site is best, which is #605E5C
Source: https://developer.microsoft.com/en-us/fluentui#/controls/web/detailslist/compact
Screenshot 2023-08-08 at 11 03 18 AM

@codesandbox-ci
Copy link

codesandbox-ci bot commented Aug 8, 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 f27fbe0:

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

@Jacqueline-ms
Copy link
Contributor Author

Cherry picking into 8.0 now

@size-auditor
Copy link

size-auditor bot commented Aug 8, 2023

Asset size changes

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

Baseline commit: 813c4742a3c3605f640cdb2cd39ab22b0b154a2c (build)

@fabricteam
Copy link
Collaborator

fabricteam commented Aug 8, 2023

Perf Analysis

No significant results to display.

All results

Scenario Render type 7.0 Ticks PR Ticks Iterations Status
BaseButton mount 863 867 5000
Breadcrumb mount 26461 26648 5000
Checkbox mount 1314 1343 5000
CheckboxBase mount 1133 1120 5000
ChoiceGroup mount 3535 3605 5000
ComboBox mount 824 821 1000
CommandBar mount 5326 5369 1000
ContextualMenu mount 9845 9835 1000
DefaultButton mount 1001 1003 5000
DetailsRow mount 2719 2721 5000
DetailsRowFast mount 2656 2716 5000
DetailsRowNoStyles mount 2580 2609 5000
Dialog mount 1763 1686 1000
DocumentCardTitle mount 1390 1420 1000
Dropdown mount 1859 1840 5000
FocusTrapZone mount 1328 1357 5000
FocusZone mount 1367 1394 5000
GroupedList mount 612 687 2
GroupedListV2 mount 349 343 2
IconButton mount 1390 1394 5000
Label mount 493 492 5000
Layer mount 1524 1513 5000
Link mount 563 567 5000
MenuButton mount 1216 1224 5000
MessageBar mount 1644 1635 5000
Nav mount 2374 2394 1000
OverflowSet mount 1189 1193 5000
Panel mount 1222 1215 1000
Persona mount 890 896 1000
Pivot mount 1156 1192 1000
PrimaryButton mount 1125 1119 5000
Rating mount 5534 5504 5000
SearchBox mount 1154 1108 5000
Shimmer mount 2061 2045 5000
Slider mount 1257 1275 5000
SpinButton mount 3505 3552 5000
Spinner mount 545 545 5000
SplitButton mount 2285 2279 5000
Stack mount 594 593 5000
StackWithIntrinsicChildren mount 1247 1253 5000
StackWithTextChildren mount 3395 3393 5000
SwatchColorPicker mount 6828 6814 5000
TagPicker mount 1970 1974 5000
TeachingBubble mount 31977 32108 5000
Text mount 546 551 5000
TextField mount 1150 1209 5000
Toggle mount 840 850 5000
button mount 329 328 5000

Copy link

@robtaft-ms robtaft-ms left a comment

Choose a reason for hiding this comment

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

This looks good thank you!

@fabricteam
Copy link
Collaborator

🕵 FluentUIV7 No visual regressions between this PR and main

@Jacqueline-ms Jacqueline-ms merged commit 3df4914 into 7.0 Aug 17, 2023
@Jacqueline-ms
Copy link
Contributor Author

Merge was delayed because of a failed check that Fluent removed from 8 but left on 7, that check has now been removed from the 7.0 branch as well.

@Jacqueline-ms Jacqueline-ms deleted the jackieg/azure-theme/7-detailslistrow branch August 17, 2023 17:07
Jacqueline-ms added a commit that referenced this pull request Aug 23, 2023
Jacqueline-ms added a commit that referenced this pull request Aug 23, 2023
* Cherry picked from #28781

* Create @fluentui-azure-themes-cfae358f-02a7-46ba-8e4d-ee45180e9eb8.json
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