From fe5f380bc691732e5ff1557cfa7dee8a7db85610 Mon Sep 17 00:00:00 2001
From: Eddie Liu <v-edwliu@microsoft.com>
Date: Mon, 29 Aug 2016 15:18:23 -0700
Subject: [PATCH] Add SortUp and SortDown icons to _fabricExtraIcons and change
 DetailsHeader.tsx to include new icons

---
 src/common/_fabricExtraIcons.scss            | 2 ++
 src/components/DetailsList/DetailsHeader.tsx | 4 ++--
 2 files changed, 4 insertions(+), 2 deletions(-)

diff --git a/src/common/_fabricExtraIcons.scss b/src/common/_fabricExtraIcons.scss
index b7f8d561e036bb..9bc6b96418aa0e 100644
--- a/src/common/_fabricExtraIcons.scss
+++ b/src/common/_fabricExtraIcons.scss
@@ -1,2 +1,4 @@
 .ms-Icon--GroupedAscending:before { content: '\EE67'; }
 .ms-Icon--GroupedDescending:before { content: '\EE66'; }
+.ms-Icon--SortUp:before { content: '\EE68'; }
+.ms-Icon--SortDown:before { content: '\EE69'; }
\ No newline at end of file
diff --git a/src/components/DetailsList/DetailsHeader.tsx b/src/components/DetailsList/DetailsHeader.tsx
index f328148570cdff..442612bdd10bbb 100644
--- a/src/components/DetailsList/DetailsHeader.tsx
+++ b/src/components/DetailsList/DetailsHeader.tsx
@@ -157,8 +157,8 @@ export class DetailsHeader extends BaseComponent<IDetailsHeaderProps, IDetailsHe
 
                   { column.isSorted && (
                     <i className={ css('ms-Icon', {
-                      'ms-Icon--Up': !column.isSortedDescending,
-                      'ms-Icon--Down': column.isSortedDescending
+                      'ms-Icon--SortUp': !column.isSortedDescending,
+                      'ms-Icon--SortDown': column.isSortedDescending
                     }) } />
                   ) }