Bug 1359273 - Split up DevTools' sort-arrows.svg to improve performance. r=jryans

MozReview-Commit-ID: JYhoAWmDLo9

--HG--
extra : rebase_source : 2952426b3170eed81e733adc2a897521a0b9b3cb

devtools/client/jar.mn

@@ -240,7 +240,8 @@ devtools.jar:
     skin/images/vview-lock@2x.png (themes/images/vview-lock@2x.png)
     skin/images/vview-open-inspector.png (themes/images/vview-open-inspector.png)
     skin/images/vview-open-inspector@2x.png (themes/images/vview-open-inspector@2x.png)
-    skin/images/sort-arrows.svg (themes/images/sort-arrows.svg)
+    skin/images/sort-ascending-arrow.svg (themes/images/sort-ascending-arrow.svg)
+    skin/images/sort-descending-arrow.svg (themes/images/sort-descending-arrow.svg)
     skin/images/cubic-bezier-swatch.png (themes/images/cubic-bezier-swatch.png)
     skin/images/cubic-bezier-swatch@2x.png (themes/images/cubic-bezier-swatch@2x.png)
     skin/fonts.css (themes/fonts.css)

devtools/client/netmonitor/src/assets/styles/netmonitor.css

@@ -24,8 +24,8 @@
   --timing-wait-color: rgba(94, 136, 176, 0.8); /* blue grey */
   --timing-receive-color: rgba(112, 191, 83, 0.8); /* green */
 
-  --sort-ascending-image: url(chrome://devtools/skin/images/sort-arrows.svg#ascending);
-  --sort-descending-image: url(chrome://devtools/skin/images/sort-arrows.svg#descending);
+  --sort-ascending-image: url(chrome://devtools/skin/images/sort-ascending-arrow.svg);
+  --sort-descending-image: url(chrome://devtools/skin/images/sort-descending-arrow.svg);
 }
 
 :root.theme-light {
@@ -39,8 +39,8 @@
   --timing-wait-color: rgba(95, 136, 176, 0.8); /* blue grey */
   --timing-receive-color: rgba(44, 187, 15, 0.8); /* green */
 
-  --sort-ascending-image: url(chrome://devtools/skin/images/sort-arrows.svg#ascending);
-  --sort-descending-image: url(chrome://devtools/skin/images/sort-arrows.svg#descending);
+  --sort-ascending-image: url(chrome://devtools/skin/images/sort-ascending-arrow.svg);
+  --sort-descending-image: url(chrome://devtools/skin/images/sort-descending-arrow.svg);
 }
 
 :root.theme-firebug {

devtools/client/themes/images/sort-arrows.svg

@@ -1,12 +0,0 @@
-<!-- This Source Code Form is subject to the terms of the Mozilla Public
-   - License, v. 2.0. If a copy of the MPL was not distributed with this
-   - file, You can obtain one at http://mozilla.org/MPL/2.0/. -->
-<svg xmlns="http://www.w3.org/2000/svg" width="7" height="4" fill="#edf0f1" fill-opacity="0.8">
-  <style>
-    polygon:not(:target) {
-      display: none;
-    }
-  </style>
-  <polygon points="0,4 3.5,0 7,4" id="ascending"/>
-  <polygon points="0,0 3.5,4 7,0" id="descending"/>
-</svg>

devtools/client/themes/images/sort-ascending-arrow.svg

@@ -0,0 +1,8 @@
+<!-- This Source Code Form is subject to the terms of the Mozilla Public
+   - License, v. 2.0. If a copy of the MPL was not distributed with this
+   - file, You can obtain one at http://mozilla.org/MPL/2.0/. -->
+<svg xmlns="http://www.w3.org/2000/svg"
+     width="7" height="4" viewBox="0 0 7 4">
+  <path d="M0,4 L3.5,0 L7,4" fill="#edf0f1" fill-opacity="0.8"/>
+</svg>
+

devtools/client/themes/images/sort-descending-arrow.svg

@@ -0,0 +1,8 @@
+<!-- This Source Code Form is subject to the terms of the Mozilla Public
+   - License, v. 2.0. If a copy of the MPL was not distributed with this
+   - file, You can obtain one at http://mozilla.org/MPL/2.0/. -->
+<svg xmlns="http://www.w3.org/2000/svg"
+     width="7" height="4" viewBox="0 0 7 4">
+  <path d="M0,0 L3.5,4 L7,0" fill="#edf0f1" fill-opacity="0.8"/>
+</svg>
+

devtools/client/themes/widgets.css

@@ -1322,11 +1322,11 @@ widgets.css is overwritten. */
 }
 
 .table-widget-column-header[sorted=ascending] {
-  background-image: url("chrome://devtools/skin/images/sort-arrows.svg#ascending");
+  background-image: url("chrome://devtools/skin/images/sort-ascending-arrow.svg");
 }
 
 .table-widget-column-header[sorted=descending] {
-  background-image: url("chrome://devtools/skin/images/sort-arrows.svg#descending");
+  background-image: url("chrome://devtools/skin/images/sort-descending-arrow.svg");
 }
 
 .theme-dark .table-widget-column[readonly] {