Bug 1534180 - Changes processes icon. r=jdescottes
authordanielleleb <danielleleb12@gmail.com>
Tue, 16 Apr 2019 16:01:56 +0000
changeset 469698 c1a6d6ea370e
parent 469697 bf3af9a319ee
child 469699 ae91cf128a4c
push id35879
push usernerli@mozilla.com
push dateTue, 16 Apr 2019 22:01:48 +0000
treeherdermozilla-central@12a60898fdc1 [default view] [failures only]
perfherder[talos] [build metrics] [platform microbench] (compared to previous push)
reviewersjdescottes
bugs1534180
milestone68.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 1534180 - Changes processes icon. r=jdescottes Differential Revision: https://phabricator.services.mozilla.com/D26443
devtools/client/aboutdebugging-new/src/components/RuntimePage.js
devtools/client/aboutdebugging-new/src/middleware/process-component-data.js
devtools/client/jar.mn
devtools/client/themes/images/aboutdebugging-process-icon.svg
--- a/devtools/client/aboutdebugging-new/src/components/RuntimePage.js
+++ b/devtools/client/aboutdebugging-new/src/components/RuntimePage.js
@@ -66,17 +66,17 @@ class RuntimePage extends PureComponent 
     dispatch(Actions.selectPage(PAGE_TYPES.RUNTIME, runtimeId));
   }
 
   getIconByType(type) {
     switch (type) {
       case DEBUG_TARGETS.EXTENSION:
         return "chrome://devtools/skin/images/debugging-addons.svg";
       case DEBUG_TARGETS.PROCESS:
-        return "chrome://devtools/skin/images/settings.svg";
+        return "chrome://devtools/skin/images/aboutdebugging-process-icon.svg";
       case DEBUG_TARGETS.TAB:
         return "chrome://devtools/skin/images/debugging-tabs.svg";
       case DEBUG_TARGETS.WORKER:
         return "chrome://devtools/skin/images/debugging-workers.svg";
     }
 
     throw new Error(`Unsupported type [${ type }]`);
   }
--- a/devtools/client/aboutdebugging-new/src/middleware/process-component-data.js
+++ b/devtools/client/aboutdebugging-new/src/middleware/process-component-data.js
@@ -25,17 +25,17 @@ const processComponentDataMiddleware = s
   }
 
   return next(action);
 };
 
 function toMainProcessComponentData(process) {
   const type = DEBUG_TARGETS.PROCESS;
   const id = process.processFront.actorID;
-  const icon = "chrome://devtools/skin/images/settings.svg";
+  const icon = "chrome://devtools/skin/images/aboutdebugging-process-icon.svg";
   const name = l10n.getString("about-debugging-main-process-name");
   const description = l10n.getString("about-debugging-main-process-description2");
 
   return {
     name,
     icon,
     id,
     type,
--- a/devtools/client/jar.mn
+++ b/devtools/client/jar.mn
@@ -77,16 +77,17 @@ devtools.jar:
     skin/images/aboutdebugging-connect-icon.svg (themes/images/aboutdebugging-connect-icon.svg)
     skin/images/aboutdebugging-firefox-aurora.svg (themes/images/aboutdebugging-firefox-aurora.svg)
     skin/images/aboutdebugging-firefox-beta.svg (themes/images/aboutdebugging-firefox-beta.svg)
     skin/images/aboutdebugging-firefox-logo.svg (themes/images/aboutdebugging-firefox-logo.svg)
     skin/images/aboutdebugging-firefox-nightly.svg (themes/images/aboutdebugging-firefox-nightly.svg)
     skin/images/aboutdebugging-firefox-release.svg (themes/images/aboutdebugging-firefox-release.svg)
     skin/images/aboutdebugging-globe-icon.svg (themes/images/aboutdebugging-globe-icon.svg)
     skin/images/aboutdebugging-information.svg (themes/images/aboutdebugging-information.svg)
+    skin/images/aboutdebugging-process-icon.svg (themes/images/aboutdebugging-process-icon.svg)
     skin/images/aboutdebugging-usb-icon.svg (themes/images/aboutdebugging-usb-icon.svg)
     skin/images/fox-smiling.svg (themes/images/fox-smiling.svg)
     skin/images/grid.svg (themes/images/grid.svg)
     skin/images/angle-swatch.svg (themes/images/angle-swatch.svg)
     skin/images/flexbox-swatch.svg (themes/images/flexbox-swatch.svg)
     skin/images/pseudo-class.svg (themes/images/pseudo-class.svg)
     skin/images/copy.svg (themes/images/copy.svg)
     skin/images/animation-fast-track.svg (themes/images/animation-fast-track.svg)
new file mode 100644
--- /dev/null
+++ b/devtools/client/themes/images/aboutdebugging-process-icon.svg
@@ -0,0 +1,7 @@
+<!-- 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" viewBox="0 0 16 16" width="16" height="16" fill="context-fill #0c0c0d">
+  <path d="M13 1a3 3 0 0 1 3 3v8a3 3 0 0 1-3 3H3a3 3 0 0 1-3-3V4a3 3 0 0 1 3-3h10zm0 2H3c-.54 0-1 .46-1 1v1h12V4c0-.54-.46-1-1-1zm1 3H2v6c0 .54.46 1 1 1h10c.54 0 1-.46 1-1V6z"/>
+  <path d="M4.15 7.15c.2-.2.5-.2.7 0l2 2c.2.2.2.5 0 .7l-2 2a.5.5 0 0 1-.7-.7L5.79 9.5 4.15 7.85a.5.5 0 0 1 0-.7z"/>
+</svg>