Bug 1012829 - Add HDPI assets for developer toolbar. r=jwalker
authorTim Nguyen <ntim007@gmail.com>
Mon, 02 Jun 2014 13:11:00 +0200
changeset 207102 52f6d0a67991ce51edd6303e9911247cb7847039
parent 207101 4b0df0f26f0a6984eae18b0603e8121151be8bc2
child 207103 c2b9502bcf60cdcef586b837d983480a3ddb265a
push id494
push userraliiev@mozilla.com
push dateMon, 25 Aug 2014 18:42:16 +0000
treeherdermozilla-release@a3cc3e46b571 [default view] [failures only]
perfherder[talos] [build metrics] [platform microbench] (compared to previous push)
reviewersjwalker
bugs1012829
milestone32.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 1012829 - Add HDPI assets for developer toolbar. r=jwalker
browser/themes/linux/jar.mn
browser/themes/osx/jar.mn
browser/themes/shared/devtools/commandline.inc.css
browser/themes/shared/devtools/images/toggle-tools.png
browser/themes/shared/devtools/images/toggle-tools@2x.png
browser/themes/windows/jar.mn
--- a/browser/themes/linux/jar.mn
+++ b/browser/themes/linux/jar.mn
@@ -280,16 +280,17 @@ browser.jar:
   skin/classic/browser/devtools/responsive-horizontal-resizer@2x.png  (../shared/devtools/images/responsivemode/responsive-horizontal-resizer@2x.png)
   skin/classic/browser/devtools/responsiveui-rotate.png          (../shared/devtools/images/responsivemode/responsiveui-rotate.png)
   skin/classic/browser/devtools/responsiveui-rotate@2x.png       (../shared/devtools/images/responsivemode/responsiveui-rotate@2x.png)
   skin/classic/browser/devtools/responsiveui-touch.png           (../shared/devtools/images/responsivemode/responsiveui-touch.png)
   skin/classic/browser/devtools/responsiveui-touch@2x.png        (../shared/devtools/images/responsivemode/responsiveui-touch@2x.png)
   skin/classic/browser/devtools/responsiveui-screenshot.png      (../shared/devtools/images/responsivemode/responsiveui-screenshot.png)
   skin/classic/browser/devtools/responsiveui-screenshot@2x.png   (../shared/devtools/images/responsivemode/responsiveui-screenshot@2x.png)
   skin/classic/browser/devtools/toggle-tools.png          (../shared/devtools/images/toggle-tools.png)
+  skin/classic/browser/devtools/toggle-tools@2x.png       (../shared/devtools/images/toggle-tools@2x.png)
   skin/classic/browser/devtools/dock-bottom@2x.png        (../shared/devtools/images/dock-bottom@2x.png)
   skin/classic/browser/devtools/dock-side@2x.png          (../shared/devtools/images/dock-side@2x.png)
   skin/classic/browser/devtools/floating-scrollbars.css   (devtools/floating-scrollbars.css)
   skin/classic/browser/devtools/floating-scrollbars-light.css (devtools/floating-scrollbars-light.css)
 * skin/classic/browser/devtools/inspector.css               (../shared/devtools/inspector.css)
   skin/classic/browser/devtools/profiler-stopwatch.svg      (../shared/devtools/images/profiler-stopwatch.svg)
   skin/classic/browser/devtools/profiler-stopwatch-checked.svg      (../shared/devtools/images/profiler-stopwatch-checked.svg)
   skin/classic/browser/devtools/tool-options.svg            (../shared/devtools/images/tool-options.svg)
--- a/browser/themes/osx/jar.mn
+++ b/browser/themes/osx/jar.mn
@@ -400,16 +400,17 @@ browser.jar:
   skin/classic/browser/devtools/responsive-horizontal-resizer@2x.png  (../shared/devtools/images/responsivemode/responsive-horizontal-resizer@2x.png)
   skin/classic/browser/devtools/responsiveui-rotate.png          (../shared/devtools/images/responsivemode/responsiveui-rotate.png)
   skin/classic/browser/devtools/responsiveui-rotate@2x.png       (../shared/devtools/images/responsivemode/responsiveui-rotate@2x.png)
   skin/classic/browser/devtools/responsiveui-touch.png           (../shared/devtools/images/responsivemode/responsiveui-touch.png)
   skin/classic/browser/devtools/responsiveui-touch@2x.png        (../shared/devtools/images/responsivemode/responsiveui-touch@2x.png)
   skin/classic/browser/devtools/responsiveui-screenshot.png      (../shared/devtools/images/responsivemode/responsiveui-screenshot.png)
   skin/classic/browser/devtools/responsiveui-screenshot@2x.png   (../shared/devtools/images/responsivemode/responsiveui-screenshot@2x.png)
   skin/classic/browser/devtools/toggle-tools.png            (../shared/devtools/images/toggle-tools.png)
+  skin/classic/browser/devtools/toggle-tools@2x.png         (../shared/devtools/images/toggle-tools@2x.png)
   skin/classic/browser/devtools/dock-bottom@2x.png          (../shared/devtools/images/dock-bottom@2x.png)
   skin/classic/browser/devtools/dock-side@2x.png          (../shared/devtools/images/dock-side@2x.png)
 * skin/classic/browser/devtools/inspector.css               (../shared/devtools/inspector.css)
   skin/classic/browser/devtools/profiler-stopwatch.svg      (../shared/devtools/images/profiler-stopwatch.svg)
   skin/classic/browser/devtools/profiler-stopwatch-checked.svg      (../shared/devtools/images/profiler-stopwatch-checked.svg)
   skin/classic/browser/devtools/tool-options.svg            (../shared/devtools/images/tool-options.svg)
   skin/classic/browser/devtools/tool-webconsole.svg         (../shared/devtools/images/tool-webconsole.svg)
   skin/classic/browser/devtools/tool-debugger.svg           (../shared/devtools/images/tool-debugger.svg)
--- a/browser/themes/shared/devtools/commandline.inc.css
+++ b/browser/themes/shared/devtools/commandline.inc.css
@@ -23,16 +23,22 @@
   padding: 0 10px;
   width: 32px;
 }
 
 .developer-toolbar-button > image {
   margin: auto 10px;
 }
 
+.developer-toolbar-button > .toolbarbutton-icon,
+#developer-toolbar-closebutton > .toolbarbutton-icon {
+  width: 16px;
+  height: 16px;
+}
+
 #developer-toolbar-toolbox-button {
   list-style-image: url("chrome://browser/skin/devtools/toggle-tools.png");
   -moz-image-region: rect(0px, 16px, 16px, 0px);
 }
 
 #developer-toolbar-toolbox-button > label {
   display: none;
 }
@@ -44,26 +50,51 @@
 #developer-toolbar-toolbox-button:hover:active {
   -moz-image-region: rect(0px, 48px, 16px, 32px);
 }
 
 #developer-toolbar-toolbox-button[checked=true] {
   -moz-image-region: rect(0px, 64px, 16px, 48px);
 }
 
+@media (min-resolution: 2dppx) {
+  #developer-toolbar-toolbox-button {
+    list-style-image: url("chrome://browser/skin/devtools/toggle-tools@2x.png");
+    -moz-image-region: rect(0px, 32px, 32px, 0px);
+  }
+
+  #developer-toolbar-toolbox-button:hover {
+    -moz-image-region: rect(0px, 64px, 32px, 32px);
+  }
+
+  #developer-toolbar-toolbox-button:hover:active {
+    -moz-image-region: rect(0px, 96px, 32px, 64px);
+  }
+
+  #developer-toolbar-toolbox-button[checked=true] {
+    -moz-image-region: rect(0px, 128px, 32px, 96px);
+  }
+}
+
 #developer-toolbar-closebutton {
   list-style-image: url("chrome://browser/skin/devtools/close.png");
   -moz-appearance: none;
   border: none;
   margin: 0 4px;
   min-width: 16px;
   width: 16px;
   opacity: 0.6;
 }
 
+@media (min-resolution: 2dppx) {
+  #developer-toolbar-closebutton {
+    list-style-image: url("chrome://browser/skin/devtools/close@2x.png");
+  }
+}
+
 #developer-toolbar-closebutton > .toolbarbutton-icon {
   /* XXX Buttons have padding in widget/ that we don't want here but can't override with good CSS, so we must
      use evil CSS to give the impression of smaller content */
   margin: -4px;
 }
 
 #developer-toolbar-closebutton > .toolbarbutton-text {
   display: none;
@@ -104,33 +135,53 @@ html|*#gcli-output-frame {
   box-shadow: none;
   border-width: 0;
   background-color: transparent;
 }
 
 .gclitoolbar-input-node {
   -moz-appearance: none;
   color: hsl(210,30%,85%);
-  padding-left: 20px;
   background-color: #242b33;
   background-repeat: no-repeat;
   background-position: 4px center;
   box-shadow: 0 1px 1px hsla(206,37%,4%,.2) inset,
               1px 0 0 hsla(206,37%,4%,.2) inset,
               -1px 0 0 hsla(206,37%,4%,.2) inset;
   line-height: 32px;
   outline-style: none;
-  background-image: -moz-image-rect(url("chrome://browser/skin/devtools/commandline-icon.png"), 0, 16, 16, 0);
+  padding: 0;
 }
 
 .gclitoolbar-input-node[focused="true"] {
-  background-image: -moz-image-rect(url("chrome://browser/skin/devtools/commandline-icon.png"), 0, 32, 16, 16);
   background-color: #232e38;
 }
 
+.gclitoolbar-input-node::before {
+  content: "";
+  display: inline-block;
+  -moz-box-ordinal-group: 0;
+  width: 16px;
+  height: 16px;
+  margin: 0 2px;
+  background-image: url("chrome://browser/skin/devtools/commandline-icon.png");
+  background-position: 0 center;
+  background-size: 32px 16px;
+}
+
+.gclitoolbar-input-node[focused="true"]::before {
+  background-position: -16px center;
+}
+
+@media (min-resolution: 2dppx) {
+  .gclitoolbar-input-node::before {
+    background-image: url("chrome://browser/skin/devtools/commandline-icon@2x.png");
+  }
+}
+
 .gclitoolbar-input-node > .textbox-input-box > html|*.textbox-input::-moz-selection {
   background-color: hsl(210,30%,85%);
   color: hsl(210,24%,16%);
   text-shadow: none;
 }
 
 .gclitoolbar-complete-node {
   padding-left: 21px;
index 8a40d0d116d76c6ec4a77a459797f9f5e112df69..495439391c7bb38528ca205248f14554325de0b7
GIT binary patch
literal 883
zc$@)q1C0EMP)<h;3K|Lk000e1NJLTq002M$000mO1^@s6rssJn0009zNkl<Zc-rlj
z-%C_M6vsD6`$hEJOT8E&T2Tt=?vsx__c!zsy%k7NL_{Km5G2`;Cp8JzyM~JP5GsZb
z3K_JZ5*k9aKXk#&duQ&<++C(~Y>yeT)1BL^1BY{WcE7NnGv9mW#KJDd^l{(!Pin2J
zViDF4&<deXfxbG5e(k5I$-A<CN$Ueq^v%g{HSxi(^_Rw$?DSH~S|-#}#^nfxFN0e)
zddAcRCW0}~SD!JsP@OjV)y*JLV5NmMR@CJfw9z-EGKuC?cA?qHY7BS|uZI&q0e{{h
zc;?Fo+TsL+&@~>Hp9r4$svGnN!|HRctOH<1@C9BR&uV=*tUlr7>HwM%d_0vIZy3pj
z*2g>^v=Y3>WE;U_W`1yIWyK8R3H6xZxvzQ%9y1i<8RSDo+w)@o4)_Uz$6R2=;k?#I
zjJ9_&{oC+Pc7otB!*|1Hd-6to%=N`fDgd4)!J`v??}^hUJrwC36~L9Ueg}Lv?kT0u
znF~-_-Yx)BjRcQQz`Z<IO(uOjm0hL+B%Ev`!J`wl_EO(LZvx<|bK3!aa8pWs1}xo9
zd-#eN^{6BJbM=ICbrGEKiuSOm#saWXnhF4JaB^<Y0(pw|@D(vTAe-Ld00)3u;Cbp#
zQF4{_TI>B>s1AbN6~5|%-|RE!tGEaT%CNfv-0{|=pNHE5Y(7h{yMmV%P5Qdzd^I$@
zSp=;Ri!snwgokc_yCS>@lCCRjP4HNtits{xWJ;a?2mDZF_~Pa&58@{Hcq%t!fZuE$
z$iyw+RVP^gAvQIat7|wD*ua-xh1ZbZxJ=&1nZORdlm_T&$a8QdKF68B5<U$v4UU+D
zzVIApg3$0DR~_1T^_bx~xTR1i95u*{@bGzNeO(_j3eE5{4aqNm>G$A6+1?M@BEnPj
zMueyLeDXixClNm6z$32X(BpC0A7$d>LO#O&z=Zk`W#WT-y|+B{Y($y(;EL-l4?P=^
zCO)ugJ7xg5Y6VYvU-e-I?LA9)n)u#hh6dMV2~P#s(gS>#9XtWZ;$^V>UCx6W1aGqd
z`U=Dg>=^`aRRAw&g_9oz_&$QSD!@Rd6^bwlUA}J%es6_ezW{VdF*q5<m|Oq=002ov
JPDHLkV1h=;q`3e9
new file mode 100644
index e69de29bb2d1d6434b8b29ae775ad8c2e48c5391..971f414316f576158c83eb021122b9835f336801
GIT binary patch
literal 1834
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
Y3rJqitcexp<p2Nx07*qoM6N<$g3TP1MgRZ+
--- a/browser/themes/windows/jar.mn
+++ b/browser/themes/windows/jar.mn
@@ -318,16 +318,17 @@ browser.jar:
         skin/classic/browser/devtools/responsive-horizontal-resizer@2x.png  (../shared/devtools/images/responsivemode/responsive-horizontal-resizer@2x.png)
         skin/classic/browser/devtools/responsiveui-rotate.png       (../shared/devtools/images/responsivemode/responsiveui-rotate.png)
         skin/classic/browser/devtools/responsiveui-rotate@2x.png       (../shared/devtools/images/responsivemode/responsiveui-rotate@2x.png)
         skin/classic/browser/devtools/responsiveui-touch.png        (../shared/devtools/images/responsivemode/responsiveui-touch.png)
         skin/classic/browser/devtools/responsiveui-touch@2x.png        (../shared/devtools/images/responsivemode/responsiveui-touch@2x.png)
         skin/classic/browser/devtools/responsiveui-screenshot.png   (../shared/devtools/images/responsivemode/responsiveui-screenshot.png)
         skin/classic/browser/devtools/responsiveui-screenshot@2x.png   (../shared/devtools/images/responsivemode/responsiveui-screenshot@2x.png)
         skin/classic/browser/devtools/toggle-tools.png              (../shared/devtools/images/toggle-tools.png)
+        skin/classic/browser/devtools/toggle-tools@2x.png              (../shared/devtools/images/toggle-tools@2x.png)
         skin/classic/browser/devtools/dock-bottom@2x.png            (../shared/devtools/images/dock-bottom@2x.png)
         skin/classic/browser/devtools/dock-side@2x.png              (../shared/devtools/images/dock-side@2x.png)
         skin/classic/browser/devtools/floating-scrollbars.css       (devtools/floating-scrollbars.css)
         skin/classic/browser/devtools/floating-scrollbars-light.css (devtools/floating-scrollbars-light.css)
 *       skin/classic/browser/devtools/inspector.css                 (../shared/devtools/inspector.css)
         skin/classic/browser/devtools/profiler-stopwatch.svg        (../shared/devtools/images/profiler-stopwatch.svg)
         skin/classic/browser/devtools/profiler-stopwatch-checked.svg  (../shared/devtools/images/profiler-stopwatch-checked.svg)
         skin/classic/browser/devtools/tool-options.svg              (../shared/devtools/images/tool-options.svg)
@@ -718,16 +719,17 @@ browser.jar:
         skin/classic/aero/browser/devtools/responsive-horizontal-resizer@2x.png  (../shared/devtools/images/responsivemode/responsive-horizontal-resizer@2x.png)
         skin/classic/aero/browser/devtools/responsiveui-rotate.png          (../shared/devtools/images/responsivemode/responsiveui-rotate.png)
         skin/classic/aero/browser/devtools/responsiveui-rotate@2x.png       (../shared/devtools/images/responsivemode/responsiveui-rotate@2x.png)
         skin/classic/aero/browser/devtools/responsiveui-touch.png           (../shared/devtools/images/responsivemode/responsiveui-touch.png)
         skin/classic/aero/browser/devtools/responsiveui-touch@2x.png        (../shared/devtools/images/responsivemode/responsiveui-touch@2x.png)
         skin/classic/aero/browser/devtools/responsiveui-screenshot.png      (../shared/devtools/images/responsivemode/responsiveui-screenshot.png)
         skin/classic/aero/browser/devtools/responsiveui-screenshot@2x.png   (../shared/devtools/images/responsivemode/responsiveui-screenshot@2x.png)
         skin/classic/aero/browser/devtools/toggle-tools.png          (../shared/devtools/images/toggle-tools.png)
+        skin/classic/aero/browser/devtools/toggle-tools@2x.png       (../shared/devtools/images/toggle-tools@2x.png)
         skin/classic/aero/browser/devtools/dock-bottom@2x.png        (../shared/devtools/images/dock-bottom@2x.png)
         skin/classic/aero/browser/devtools/dock-side@2x.png          (../shared/devtools/images/dock-side@2x.png)
         skin/classic/aero/browser/devtools/floating-scrollbars.css   (devtools/floating-scrollbars.css)
         skin/classic/aero/browser/devtools/floating-scrollbars-light.css (devtools/floating-scrollbars-light.css)
 *       skin/classic/aero/browser/devtools/inspector.css             (../shared/devtools/inspector.css)
         skin/classic/aero/browser/devtools/profiler-stopwatch.svg    (../shared/devtools/images/profiler-stopwatch.svg)
         skin/classic/aero/browser/devtools/profiler-stopwatch-checked.svg      (../shared/devtools/images/profiler-stopwatch-checked.svg)
         skin/classic/aero/browser/devtools/tool-options.svg          (../shared/devtools/images/tool-options.svg)