Bug 1435370 - Replace shape editor icon. r=pbro
authorRazvan Caliman <rcaliman@mozilla.com>
Wed, 25 Apr 2018 12:46:58 +0200
changeset 469055 df424e9d891040d48498770a5f33a9a6dea85b8f
parent 469054 fdce8946a71961ba725a1e3c78ef0faab8bf4857
child 469056 e9b1d02e24f0f461032e80005d32aa00ec87d775
push id9165
push userasasaki@mozilla.com
push dateThu, 26 Apr 2018 21:04:54 +0000
treeherdermozilla-beta@064c3804de2e [default view] [failures only]
perfherder[talos] [build metrics] [platform microbench] (compared to previous push)
reviewerspbro
bugs1435370
milestone61.0a1
first release with
nightly linux32
nightly linux64
nightly mac
nightly win32
nightly win64
last release without
nightly linux32
nightly linux64
nightly mac
nightly win32
nightly win64
Bug 1435370 - Replace shape editor icon. r=pbro MozReview-Commit-ID: B3XQrtwacF9
devtools/client/jar.mn
devtools/client/themes/images/shape-swatch.svg
devtools/client/themes/rules.css
--- a/devtools/client/jar.mn
+++ b/devtools/client/jar.mn
@@ -201,16 +201,17 @@ devtools.jar:
     skin/images/debugging-addons.svg (themes/images/debugging-addons.svg)
     skin/images/debugging-tabs.svg (themes/images/debugging-tabs.svg)
     skin/images/debugging-workers.svg (themes/images/debugging-workers.svg)
     skin/images/gcli_sec_bad.svg (themes/images/gcli_sec_bad.svg)
     skin/images/gcli_sec_good.svg (themes/images/gcli_sec_good.svg)
     skin/images/gcli_sec_moderate.svg (themes/images/gcli_sec_moderate.svg)
     skin/images/globe.svg (themes/images/globe.svg)
     skin/images/sad-face.svg (themes/images/sad-face.svg)
+    skin/images/shape-swatch.svg (themes/images/shape-swatch.svg)
     skin/images/tool-options.svg (themes/images/tool-options.svg)
     skin/images/tool-webconsole.svg (themes/images/tool-webconsole.svg)
     skin/images/tool-canvas.svg (themes/images/tool-canvas.svg)
     skin/images/tool-debugger.svg (themes/images/tool-debugger.svg)
     skin/images/tool-inspector.svg (themes/images/tool-inspector.svg)
     skin/images/tool-shadereditor.svg (themes/images/tool-shadereditor.svg)
     skin/images/tool-styleeditor.svg (themes/images/tool-styleeditor.svg)
     skin/images/tool-storage.svg (themes/images/tool-storage.svg)
new file mode 100644
--- /dev/null
+++ b/devtools/client/themes/images/shape-swatch.svg
@@ -0,0 +1,30 @@
+<!-- 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 width="16" height="16" viewBox="0 0 16 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" fill="context-fill #0b0b0b">
+    <defs>
+        <circle id="path-1" cx="9" cy="4" r="2"></circle>
+        <circle id="path-2" cx="2.5" cy="4" r="2"></circle>
+        <circle id="path-3" cx="2.5" cy="10.5" r="2"></circle>
+        <circle id="path-4" cx="12.5" cy="10.5" r="2"></circle>
+    </defs>
+    <g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <path d="M6.3,4 L2.83333333,10.5 L12.5,10.5 L12.5,4 L6.3,4 Z" stroke="context-fill" transform="translate(7.500000, 7.250000) scale(-1, 1) translate(-7.500000, -7.250000) "></path>
+        <g transform="translate(9.000000, 4.000000) scale(-1, 1) translate(-9.000000, -4.000000) ">
+            <use fill="#FFFFFF" fill-rule="evenodd" xlink:href="#path-1"></use>
+            <circle stroke="context-fill" stroke-width="1" cx="9" cy="4" r="1.5"></circle>
+        </g>
+        <g transform="translate(2.500000, 4.000000) scale(-1, 1) translate(-2.500000, -4.000000) ">
+            <use fill="#FFFFFF" fill-rule="evenodd" xlink:href="#path-2"></use>
+            <circle stroke="context-fill" stroke-width="1" cx="2.5" cy="4" r="1.5"></circle>
+        </g>
+        <g transform="translate(2.500000, 10.500000) scale(-1, 1) translate(-2.500000, -10.500000) ">
+            <use fill="#FFFFFF" fill-rule="evenodd" xlink:href="#path-3"></use>
+            <circle stroke="context-fill" stroke-width="1" cx="2.5" cy="10.5" r="1.5"></circle>
+        </g>
+        <g transform="translate(12.500000, 10.500000) scale(-1, 1) translate(-12.500000, -10.500000) ">
+            <use fill="#FFFFFF" fill-rule="evenodd" xlink:href="#path-4"></use>
+            <circle stroke="context-fill" stroke-width="1" cx="12.5" cy="10.5" r="1.5"></circle>
+        </g>
+    </g>
+</svg>
--- a/devtools/client/themes/rules.css
+++ b/devtools/client/themes/rules.css
@@ -459,21 +459,21 @@
 }
 
 .ruleview-angleswatch {
   background: url("chrome://devtools/skin/images/angle-swatch.svg");
   background-size: 1em;
 }
 
 .ruleview-shapeswatch {
-  background: url("chrome://devtools/skin/images/tool-shadereditor.svg");
+  background: url("chrome://devtools/skin/images/shape-swatch.svg");
   -moz-context-properties: fill;
   fill: var(--rule-shape-toggle-color);
   border-radius: 0;
-  background-size: 1em;
+  background-size: 110% 110%;
   box-shadow: none;
 }
 
 @media (min-resolution: 1.1dppx) {
   .ruleview-bezierswatch {
     background: url("chrome://devtools/skin/images/cubic-bezier-swatch@2x.png");
     background-size: 1em;
   }