DevTools: convert datagrid and network waterfall sort icons to UI.Icon

third_party/WebKit/Source/devtools/front_end/network/networkLogView.css

Index: third_party/WebKit/Source/devtools/front_end/network/networkLogView.css
diff --git a/third_party/WebKit/Source/devtools/front_end/network/networkLogView.css b/third_party/WebKit/Source/devtools/front_end/network/networkLogView.css
index 73a9653197659ce8d5ee47686759406cdbe4d2fc..90ea0a5f136b16022131845aa78f13858688eb9f 100644
--- a/third_party/WebKit/Source/devtools/front_end/network/networkLogView.css
+++ b/third_party/WebKit/Source/devtools/front_end/network/networkLogView.css
@@ -376,25 +376,9 @@
     bottom: 1px;
     display: flex;
     align-items: center;
-    padding-left: 0px;
 }
 
 .network-waterfall-header .sort-order-icon {
+    align-items: center;
     margin-right: 4px;
-    background-image: url(Images/toolbarButtonGlyphs.png);
-    background-size: 352px 168px;
-    opacity: 0.5;
-    width: 8px;
-    height: 7px;
-    display: none;

[dgozman, 2017/01/24 20:23:05]

This means the icon is visible all the time, which should not be the case when
sorting by name.

[lushnikov, 2017/01/25 00:06:12]

Yes, it is visible all the time on Canary. I updated the CL so that it gets
hidden via the:

     this._waterfallColumnSortIcon.setIconType('');

-}
-
-.network-waterfall-header .sort-ascending.sort-order-icon {
-    display: block;
-    background-position: -4px -111px;
-}
-
-.network-waterfall-header .sort-descending.sort-order-icon {
-    display: block;
-    background-position: -20px -99px;
-}
+}