Bug 1485185: Replace current RDM icon with phone/tablet icon; r=gl
authorYash Johar <yash.johar1992@gmail.com>
Thu, 30 Aug 2018 15:36:45 -0400
changeset 434113 498b35c45ec1
parent 434112 fcae304349d8
child 434114 89e2f1795be7
child 434137 ff62eab1d2ed
push id107270
push usergabriel.luong@gmail.com
push dateThu, 30 Aug 2018 19:37:00 +0000
treeherdermozilla-inbound@498b35c45ec1 [default view] [failures only]
perfherder[talos] [build metrics] [platform microbench] (compared to previous push)
reviewersgl
bugs1485185
milestone63.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 1485185: Replace current RDM icon with phone/tablet icon; r=gl
devtools/client/themes/images/command-responsivemode.svg
devtools/client/themes/toolbox.css
--- a/devtools/client/themes/images/command-responsivemode.svg
+++ b/devtools/client/themes/images/command-responsivemode.svg
@@ -1,12 +1,4 @@
-<!-- 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"
-  fill="context-fill #0b0b0b">
-  <path d="M3.5 8h9v1h-9z"/>
-  <path d="M4 2v12h8v-12h-8
-           m-1 0c0-.55 .45-1 1-1h8c.55 0 1 .45 1 1v12c0 .55-.45 1-1 1
-           h-8c-.55 0-1-.45-1-1z"/>
-  <circle cx="8" cy="11.5" r="1" fill="none" stroke="context-fill"
-    stroke-width="1"/>
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" fill="context-fill #0b0b0b">
+  <path d="M1,4H6A1,1,0,0,1,7,5V15a1,1,0,0,1-1,1H1a1,1,0,0,1-1-1V5A1,1,0,0,1,1,4ZM1,6v8H6V6Z"/>
+  <path d="M10,16H9a1,1,0,0,1,0-2h4V2H5V3H3V1A1,1,0,0,1,4,0H14a1,1,0,0,1,1,1V15a1,1,0,0,1-1,1Z"/>
 </svg>
--- a/devtools/client/themes/toolbox.css
+++ b/devtools/client/themes/toolbox.css
@@ -278,16 +278,18 @@
 }
 
 #command-button-screenshot::before {
   background-image: var(--command-screenshot-image);
 }
 
 #command-button-responsive::before {
   background-image: var(--command-responsive-image);
+  fill: var(--theme-toolbar-photon-icon-color);
+  -moz-context-properties: fill;
 }
 
 #command-button-scratchpad::before {
   background-image: var(--command-scratchpad-image);
 }
 
 #command-button-pick::before {
   background-image: var(--command-pick-image);