DevTools: extract treeoutline triangle icons from toolbarButtonGlyphs.png

third_party/WebKit/Source/devtools/front_end/ui/treeoutline.css

Index: third_party/WebKit/Source/devtools/front_end/ui/treeoutline.css
diff --git a/third_party/WebKit/Source/devtools/front_end/ui/treeoutline.css b/third_party/WebKit/Source/devtools/front_end/ui/treeoutline.css
index 5b1dab391ab8cfd93529ab5116052ae229306902..942ca4aa8f4e2df37833d3307b9f623db004338f 100644
--- a/third_party/WebKit/Source/devtools/front_end/ui/treeoutline.css
+++ b/third_party/WebKit/Source/devtools/front_end/ui/treeoutline.css
@@ -104,8 +104,8 @@ ol.tree-outline:focus li.selected * {
 
 .tree-outline li::before {
     -webkit-user-select: none;
-    -webkit-mask-image: url(Images/toolbarButtonGlyphs.png);
-    -webkit-mask-size: 352px 168px;
+    -webkit-mask-image: url(Images/treeoutlineTriangles.png);
+    -webkit-mask-size: 32px 24px;
     content: "aa";
     color: transparent;
     text-shadow: none;
@@ -119,17 +119,17 @@ ol.tree-outline:focus li.selected * {
 
 @media (-webkit-min-device-pixel-ratio: 1.1) {
 .tree-outline li::before {
-    -webkit-mask-image: url(Images/toolbarButtonGlyphs_2x.png);
+    -webkit-mask-image: url(Images/treeoutlineTriangles_2x.png);
 }
 } /* media */
 
 .tree-outline li::before {
-    -webkit-mask-position: -4px -96px;

[dgozman, 2017/01/30 19:31:21]

I remember some of them were positioned one-pixel-off to align better. Could you
please search for all +1/-1 combinations as well?

[lushnikov, 2017/01/31 09:14:29]

Looks like those were moved over to UI.Icon. We have only a handful of
toolbarButtonGlyphs.png references in the codebase - i've checked them all

+    -webkit-mask-position: 0 0;
     background-color: rgb(110, 110, 110);
 }
 
 .tree-outline li.parent.expanded::before {
-    -webkit-mask-position: -20px -96px;
+    -webkit-mask-position: -16px 0;
 }
 
 .tree-outline ol.children {