Bug 1288897 - Fix devtools-responsiveui-close icon color. r=jryans draft
authorTim Nguyen <ntim.bugs@gmail.com>
Fri, 29 Jul 2016 03:53:23 -0700
changeset 394275 c372b06022aea6a5c5f1f92b9d14d0a8862cc7fe
parent 394274 0d59012b60b0a9f305e0e506ae954dbc28b55ffa
child 526773 232f01499ef9a924e92680f1ff502940b86cd597
push id24531
push userntim.bugs@gmail.com
push dateFri, 29 Jul 2016 10:53:40 +0000
reviewersjryans
bugs1288897
milestone50.0a1
Bug 1288897 - Fix devtools-responsiveui-close icon color. r=jryans MozReview-Commit-ID: ELRooeIVlmU
devtools/client/themes/responsivedesign.inc.css
--- a/devtools/client/themes/responsivedesign.inc.css
+++ b/devtools/client/themes/responsivedesign.inc.css
@@ -162,16 +162,20 @@
 .devtools-responsiveui-toolbar:-moz-locale-dir(rtl) > *:last-child {
   margin-left: 0;
 }
 
 .devtools-responsiveui-close {
   list-style-image: url("chrome://devtools/skin/images/close.svg");
 }
 
+.devtools-responsiveui-close > image {
+  filter: invert(1);
+}
+
 .devtools-responsiveui-rotate {
   list-style-image: url("chrome://devtools/skin/images/responsivemode/responsiveui-rotate.png");
 }
 
 @media (min-resolution: 1.1dppx) {
   .devtools-responsiveui-rotate {
     list-style-image: url("chrome://devtools/skin/images/responsivemode/responsiveui-rotate@2x.png");
   }