From ec5d4d66d51a9b755cff07170b9018348f9474d4 Mon Sep 17 00:00:00 2001 From: lynamemi Date: Thu, 24 May 2018 10:42:09 -0700 Subject: [PATCH 1/2] More specific selector to override link style coming from msgraph --- .../examples/CommandBar.Example.scss | 20 +++++++++++-------- 1 file changed, 12 insertions(+), 8 deletions(-) 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 { From b713060a6e9681a89939f5ad15a7bbc1a7b0a8ea Mon Sep 17 00:00:00 2001 From: lynamemi Date: Thu, 24 May 2018 10:43:29 -0700 Subject: [PATCH 2/2] Added change file --- .../commandbar-link-style_2018-05-24-17-43.json | 11 +++++++++++ 1 file changed, 11 insertions(+) create mode 100644 common/changes/office-ui-fabric-react/commandbar-link-style_2018-05-24-17-43.json 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