diff --git a/common/changes/office-ui-fabric-react/arkgupta-dragDropBorderStyling_2018-11-20-19-54.json b/common/changes/office-ui-fabric-react/arkgupta-dragDropBorderStyling_2018-11-20-19-54.json new file mode 100644 index 00000000000000..24cd7ca2ebed58 --- /dev/null +++ b/common/changes/office-ui-fabric-react/arkgupta-dragDropBorderStyling_2018-11-20-19-54.json @@ -0,0 +1,11 @@ +{ + "changes": [ + { + "packageName": "office-ui-fabric-react", + "comment": "adding more specificity by adding selectors", + "type": "patch" + } + ], + "packageName": "office-ui-fabric-react", + "email": "arkgupta@microsoft.com" +} \ No newline at end of file diff --git a/packages/office-ui-fabric-react/src/components/DetailsList/DetailsColumn.styles.ts b/packages/office-ui-fabric-react/src/components/DetailsList/DetailsColumn.styles.ts index 29dc0df0cd008d..85ad345b764e6d 100644 --- a/packages/office-ui-fabric-react/src/components/DetailsList/DetailsColumn.styles.ts +++ b/packages/office-ui-fabric-react/src/components/DetailsList/DetailsColumn.styles.ts @@ -191,9 +191,13 @@ export const getStyles = (props: IDetailsColumnStyleProps): IDetailsColumnStyles borderWhileDragging: [ { - borderStyle: 'solid', - borderWidth: 1, - borderColor: palette.themePrimary + selectors: { + '.ms-DetailsHeader &.ms-DetailsHeader-cell': { + borderStyle: 'solid', + borderWidth: 1, + borderColor: palette.themePrimary + } + } } ] };