diff --git a/common/changes/office-ui-fabric-react/commandbar-link-style_2018-05-24-17-43.json b/common/changes/office-ui-fabric-react/commandbar-link-style_2018-05-24-17-43.json new file mode 100644 index 00000000000000..e8ee946db1d7f6 --- /dev/null +++ b/common/changes/office-ui-fabric-react/commandbar-link-style_2018-05-24-17-43.json @@ -0,0 +1,11 @@ +{ + "changes": [ + { + "packageName": "office-ui-fabric-react", + "comment": "CommandBar Example: More specific selector for text color to override the link styles we get from msgraph on the website.", + "type": "patch" + } + ], + "packageName": "office-ui-fabric-react", + "email": "lynam.emily@gmail.com" +} \ No newline at end of file diff --git a/packages/office-ui-fabric-react/src/components/CommandBar/examples/CommandBar.Example.scss b/packages/office-ui-fabric-react/src/components/CommandBar/examples/CommandBar.Example.scss index 4afbd507b2c532..cf7b42be89597b 100644 --- a/packages/office-ui-fabric-react/src/components/CommandBar/examples/CommandBar.Example.scss +++ b/packages/office-ui-fabric-react/src/components/CommandBar/examples/CommandBar.Example.scss @@ -35,15 +35,19 @@ /* Require update when office-ui-fabric-react changes to CSS modules */ .button { - &:global.ms-Button { - height: 40px; - min-width: 28px; - padding: 0 5px; - } + &:global.ms-Button { + height: 40px; + min-width: 28px; + padding: 0 5px; + } + + &:hover { + background: initial; + } +} - &:hover { - background: initial; - } +:global(.ms-CommandBarItem-commandText) { + color: $ms-color-neutralPrimary; } .darkerBG {