From f9f1f14f53b91a24e2bcfc009b7de06c9756b710 Mon Sep 17 00:00:00 2001 From: Jon Schectman Date: Thu, 1 Mar 2018 14:46:45 -0800 Subject: [PATCH 1/3] make document card respect theme --- .../src/components/DocumentCard/DocumentCard.scss | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/packages/office-ui-fabric-react/src/components/DocumentCard/DocumentCard.scss b/packages/office-ui-fabric-react/src/components/DocumentCard/DocumentCard.scss index ed04bdd8bdb511..968dc81355c75f 100644 --- a/packages/office-ui-fabric-react/src/components/DocumentCard/DocumentCard.scss +++ b/packages/office-ui-fabric-react/src/components/DocumentCard/DocumentCard.scss @@ -103,7 +103,7 @@ $ms-DocumentCardActions-verticalPadding: 4px; :global(.ms-Button:hover) { :global(.ms-Button-icon) { - color: #1174c3; + color: $ms-color-neutralLight; cursor: pointer; } } @@ -162,7 +162,7 @@ $ms-DocumentCardActivity-personaTextGutter: 8px; top: -1px; right: -1px; bottom: -1px; - border: 2px solid #fafafa; // Match the background of the card + border: 2px solid $ms-color-white; // Match the background of the card border-radius: 50%; } } From 9aad776d98281c3c74fb5a08856ce05a63f70b47 Mon Sep 17 00:00:00 2001 From: Jon Schectman Date: Thu, 1 Mar 2018 14:47:19 -0800 Subject: [PATCH 2/3] adding change file --- .../fix-documentcard-theming_2018-03-01-22-47.json | 11 +++++++++++ 1 file changed, 11 insertions(+) create mode 100644 common/changes/office-ui-fabric-react/fix-documentcard-theming_2018-03-01-22-47.json diff --git a/common/changes/office-ui-fabric-react/fix-documentcard-theming_2018-03-01-22-47.json b/common/changes/office-ui-fabric-react/fix-documentcard-theming_2018-03-01-22-47.json new file mode 100644 index 00000000000000..674af693345329 --- /dev/null +++ b/common/changes/office-ui-fabric-react/fix-documentcard-theming_2018-03-01-22-47.json @@ -0,0 +1,11 @@ +{ + "changes": [ + { + "packageName": "office-ui-fabric-react", + "comment": "DocumentCard: Change it to use set theme", + "type": "patch" + } + ], + "packageName": "office-ui-fabric-react", + "email": "joschect@microsoft.com" +} \ No newline at end of file From bb6350a39b98dfee7b67de283be831a3ac3cf3dc Mon Sep 17 00:00:00 2001 From: Jon Schectman Date: Thu, 1 Mar 2018 16:05:33 -0800 Subject: [PATCH 3/3] use better button color --- .../src/components/DocumentCard/DocumentCard.scss | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/packages/office-ui-fabric-react/src/components/DocumentCard/DocumentCard.scss b/packages/office-ui-fabric-react/src/components/DocumentCard/DocumentCard.scss index 968dc81355c75f..f04b8bc98f1172 100644 --- a/packages/office-ui-fabric-react/src/components/DocumentCard/DocumentCard.scss +++ b/packages/office-ui-fabric-react/src/components/DocumentCard/DocumentCard.scss @@ -103,7 +103,7 @@ $ms-DocumentCardActions-verticalPadding: 4px; :global(.ms-Button:hover) { :global(.ms-Button-icon) { - color: $ms-color-neutralLight; + color: $buttonTextColor; cursor: pointer; } }