Bug 1522138 - [release 120] Show proper icon for watch expression refresh (#7791). r=dwalsh
authorDavid Walsh <davidwalsh83@gmail.com>
Thu, 24 Jan 2019 15:24:41 -0500
changeset 515391 c2913cb9cb20bf4852b2cb5e1e3d5bf29421ba29
parent 515390 c4c105118de1ad525241df78704b8c5e04444599
child 515392 0e402395db6c48e42d9e6851a34721614832a754
push id1953
push userffxbld-merge
push dateMon, 11 Mar 2019 12:10:20 +0000
treeherdermozilla-release@9c35dcbaa899 [default view] [failures only]
perfherder[talos] [build metrics] [platform microbench] (compared to previous push)
reviewersdwalsh
bugs1522138
milestone66.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 1522138 - [release 120] Show proper icon for watch expression refresh (#7791). r=dwalsh
devtools/client/debugger/new/dist/debugger.css
devtools/client/debugger/new/dist/vendors.css
devtools/client/debugger/new/images/moz.build
devtools/client/debugger/new/images/reload.svg
devtools/client/debugger/new/src/components/shared/Svg.css
--- a/devtools/client/debugger/new/dist/debugger.css
+++ b/devtools/client/debugger/new/dist/debugger.css
@@ -1531,16 +1531,21 @@ span.img.marko {
 
 .img.refresh,
 .img.shortcut,
 .img.worker,
 .img.arrow {
   margin-inline-end: 5px;
 }
 
+.img.refresh {
+  mask: url("resource://devtools/client/debugger/new/images/reload.svg");
+  mask-size: 100%;
+}
+
 .img.arrow {
   mask: url("resource://devtools/client/debugger/new/images/arrow.svg");
   margin-inline-end: 4px;
   width: 10px;
   height: 10px;
   padding-top: 9px;
   background: var(--disclosure-arrow);
   mask-size: 100%;
--- a/devtools/client/debugger/new/dist/vendors.css
+++ b/devtools/client/debugger/new/dist/vendors.css
@@ -502,16 +502,21 @@ span.img.marko {
 
 .img.refresh,
 .img.shortcut,
 .img.worker,
 .img.arrow {
   margin-inline-end: 5px;
 }
 
+.img.refresh {
+  mask: url("resource://devtools/client/debugger/new/images/reload.svg");
+  mask-size: 100%;
+}
+
 .img.arrow {
   mask: url("resource://devtools/client/debugger/new/images/arrow.svg");
   margin-inline-end: 4px;
   width: 10px;
   height: 10px;
   padding-top: 9px;
   background: var(--disclosure-arrow);
   mask-size: 100%;
--- a/devtools/client/debugger/new/images/moz.build
+++ b/devtools/client/debugger/new/images/moz.build
@@ -45,16 +45,17 @@ DevToolsModules(
     'pause.svg',
     'plus.svg',
     'preact.svg',
     'prettyPrint.svg',
     'pug.svg',
     'react.svg',
     'redux.svg',
     'regex-match.svg',
+    'reload.svg',
     'resume.svg',
     'rxjs.svg',
     'sencha-extjs.svg',
     'stepIn.svg',
     'stepOut.svg',
     'stepOver.svg',
     'tab.svg',
     'toggle-panes.svg',
new file mode 100644
--- /dev/null
+++ b/devtools/client/debugger/new/images/reload.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 width="16" height="16" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg" fill="context-fill">
+    <path d="M13.917 7C13.44 4.162 10.973 2 8 2 4.686 2 2 4.686 2 8s2.686 6 6 6c2.22 0 4.16-1.207 5.197-3H12c-.912 1.214-2.364 2-4 2-2.76 0-5-2.24-5-5s2.24-5 5-5c2.42 0 4.437 1.718 4.9 4h1.017z"/>
+    <path d="M14 1L8 7h6V1zm-1 1L9 6h4V2z" fill-rule="evenodd"/>
+</svg>
--- a/devtools/client/debugger/new/src/components/shared/Svg.css
+++ b/devtools/client/debugger/new/src/components/shared/Svg.css
@@ -325,16 +325,21 @@ span.img.marko {
 
 .img.refresh,
 .img.shortcut,
 .img.worker,
 .img.arrow {
   margin-inline-end: 5px;
 }
 
+.img.refresh {
+  mask: url(/images/reload.svg);
+  mask-size: 100%;
+}
+
 .img.arrow {
   mask: url(/images/arrow.svg);
   margin-inline-end: 4px;
   width: 10px;
   height: 10px;
   padding-top: 9px;
   background: var(--disclosure-arrow);
   mask-size: 100%;