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

MozReview-Commit-ID: 12hTuNkio6p

--HG--
extra : rebase_source : e037ea2c1032797e242643dd9d3d2747d3bdbd91

devtools/client/jar.mn

@@ -123,7 +123,9 @@ devtools.jar:
     skin/images/controls.png (themes/images/controls.png)
     skin/images/controls@2x.png (themes/images/controls@2x.png)
     skin/images/animation-fast-track.svg (themes/images/animation-fast-track.svg)
-    skin/images/performance-icons.svg (themes/images/performance-icons.svg)
+    skin/images/performance-details-waterfall.svg (themes/images/performance-details-waterfall.svg)
+    skin/images/performance-details-call-tree.svg (themes/images/performance-details-call-tree.svg)
+    skin/images/performance-details-flamegraph.svg (themes/images/performance-details-flamegraph.svg)
     skin/widgets.css (themes/widgets.css)
     skin/images/power.svg (themes/images/power.svg)
     skin/images/filetypes/dir-close.svg (themes/images/filetypes/dir-close.svg)

devtools/client/themes/images/performance-details-call-tree.svg

@@ -0,0 +1,12 @@
+<!-- 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="16" height="16" viewBox="0 0 16 16"
+     fill="#0b0b0b">
+  <rect x="1" y="4" width="10" height="1"/>
+  <rect x="5" y="7" width="10" height="1"/>
+  <rect x="1" y="10" width="10" height="1"/>
+  <rect x="5" y="13" width="10" height="1"/>
+</svg>
+

devtools/client/themes/images/performance-details-flamegraph.svg

@@ -0,0 +1,13 @@
+<!-- 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="16" height="16" viewBox="0 0 16 16"
+     fill="#0b0b0b">
+  <rect x="0" y="4" width="16" height="1"/>
+  <rect x="0" y="7" width="8" height="1"/>
+  <rect x="10" y="7" width="6" height="1"/>
+  <rect x="2" y="10" width="6" height="1"/>
+  <rect x="5" y="13" width="3" height="1"/>
+</svg>
+

devtools/client/themes/images/performance-details-waterfall.svg

@@ -0,0 +1,11 @@
+<!-- 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="16" height="16" viewBox="0 0 16 16"
+     fill="#0b0b0b">
+  <rect x="0" y="4" width="9" height="1"/>
+  <rect x="5" y="8" width="8" height="1"/>
+  <rect x="7" y="12" width="9" height="1"/>
+</svg>
+

devtools/client/themes/images/performance-icons.svg

@@ -1,42 +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="16" height="16" fill="#0b0b0b">
-  <style>
-    g:not(:target) {
-      display: none;
-    }
-  </style>
-  <g id="overview-markers">
-    <rect x="0" y="4" width="5" height="1"/>
-    <rect x="7" y="4" width="9" height="1"/>
-    <rect x="0" y="8" width="8" height="1"/>
-    <rect x="10" y="8" width="6" height="1"/>
-    <rect x="0" y="12" width="9" height="1"/>
-    <rect x="12" y="12" width="4" height="1"/>
-  </g>
-  <g id="overview-frames">
-    <rect x="1" y="4" width="2" height="12" rx="1" ry="1"/>
-    <rect x="5" y="12" width="2" height="4" rx="1" ry="1"/>
-    <rect x="9" y="9" width="2" height="7" rx="1" ry="1"/>
-    <rect x="13" y="7" width="2" height="9" rx="1" ry="1"/>
-  </g>
-  <g id="details-waterfall">
-    <rect x="0" y="4" width="9" height="1"/>
-    <rect x="5" y="8" width="8" height="1"/>
-    <rect x="7" y="12" width="9" height="1"/>
-  </g>
-  <g id="details-call-tree">
-    <rect x="1" y="4" width="10" height="1"/>
-    <rect x="5" y="7" width="10" height="1"/>
-    <rect x="1" y="10" width="10" height="1"/>
-    <rect x="5" y="13" width="10" height="1"/>
-  </g>
-  <g id="details-flamegraph">
-    <rect x="0" y="4" width="16" height="1"/>
-    <rect x="0" y="7" width="8" height="1"/>
-    <rect x="10" y="7" width="6" height="1"/>
-    <rect x="2" y="10" width="6" height="1"/>
-    <rect x="5" y="13" width="3" height="1"/>
-  </g>
-</svg>

devtools/client/themes/performance.css

@@ -73,17 +73,17 @@
 /* Details panel buttons */
 
 #select-waterfall-view {
-  list-style-image: url(images/performance-icons.svg#details-waterfall);
+  list-style-image: url(images/performance-details-waterfall.svg);
 }
 
 #select-js-calltree-view,
 #select-memory-calltree-view {
-  list-style-image: url(images/performance-icons.svg#details-call-tree);
+  list-style-image: url(images/performance-details-call-tree.svg);
 }
 
 #select-js-flamegraph-view,
 #select-memory-flamegraph-view {
-  list-style-image: url(images/performance-icons.svg#details-flamegraph);
+  list-style-image: url(images/performance-details-flamegraph.svg);
 }
 
 #select-optimizations-view {