diff --git a/common/changes/office-ui-fabric-react/aditima-contrast_2018-03-28-23-59.json b/common/changes/office-ui-fabric-react/aditima-contrast_2018-03-28-23-59.json new file mode 100644 index 0000000000000..a4dda24a9ce13 --- /dev/null +++ b/common/changes/office-ui-fabric-react/aditima-contrast_2018-03-28-23-59.json @@ -0,0 +1,11 @@ +{ + "changes": [ + { + "packageName": "office-ui-fabric-react", + "comment": "DetailsList: link color too close to selected background in high-contrast-white", + "type": "patch" + } + ], + "packageName": "office-ui-fabric-react", + "email": "aditima@microsoft.com" +} \ No newline at end of file diff --git a/packages/office-ui-fabric-react/src/components/DetailsList/DetailsRow.scss b/packages/office-ui-fabric-react/src/components/DetailsList/DetailsRow.scss index f4d4cc67cd88b..17160a61b462d 100644 --- a/packages/office-ui-fabric-react/src/components/DetailsList/DetailsRow.scss +++ b/packages/office-ui-fabric-react/src/components/DetailsList/DetailsRow.scss @@ -107,6 +107,9 @@ $detailsList-item-focus-meta-text-color: $ms-color-neutralDark; background: Highlight; color: HighlightText; -ms-high-contrast-adjust: none; + > a { + color: HighlightText; + } } } @@ -132,6 +135,9 @@ $detailsList-item-focus-meta-text-color: $ms-color-neutralDark; @include high-contrast { color: HighlightText; + > a { + color: HighlightText; + } } // Selected State hover Header cell @@ -155,6 +161,9 @@ $detailsList-item-focus-meta-text-color: $ms-color-neutralDark; @include high-contrast { color: HighlightText; + > a { + color: HighlightText; + } } // Row header cell