Bug 1341045 - Make sure RDM close icon is centered within button. r=jryans draft
authorTim Nguyen <ntim.bugs@gmail.com>
Sat, 25 Feb 2017 15:42:31 +0000
changeset 493262 a3deaeae5e9ec8305a6045ea1330e668538e7286
parent 493261 347c24ecabe902a225841c063327266340aa67ee
child 547814 2300c7b5a5d9e152178beede70221ead89b8f3b4
push id47707
push userbmo:jryans@gmail.com
push dateFri, 03 Mar 2017 18:11:38 +0000
reviewersjryans
bugs1341045
milestone54.0a1
Bug 1341045 - Make sure RDM close icon is centered within button. r=jryans MozReview-Commit-ID: 5nlucwAe51L
devtools/client/responsive.html/images/close.svg
devtools/client/responsive.html/images/moz.build
devtools/client/responsive.html/index.css
deleted file mode 100644
--- a/devtools/client/responsive.html/images/close.svg
+++ /dev/null
@@ -1,6 +0,0 @@
-<!-- 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" width="16" height="16" viewBox="0 0 16 16" fill="#0b0b0b">
-  <path d="M6.7 8l3.6-3.6c.2-.2.2-.5 0-.7-.2-.2-.5-.2-.7 0L6 7.3 2.4 3.7c-.2-.2-.5-.2-.7 0-.2.2-.2.5 0 .7L5.3 8l-3.6 3.6c-.2.2-.2.5 0 .7.2.2.5.2.7 0L6 8.7l3.6 3.6c.2.2.5.2.7 0 .2-.2.2-.5 0-.7L6.7 8z"/>
-</svg>
--- a/devtools/client/responsive.html/images/moz.build
+++ b/devtools/client/responsive.html/images/moz.build
@@ -1,14 +1,13 @@
 # -*- Mode: python; indent-tabs-mode: nil; tab-width: 40 -*-
 # vim: set filetype=python:
 # 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/.
 
 DevToolsModules(
-    'close.svg',
     'grippers.svg',
     'rotate-viewport.svg',
     'screenshot.svg',
     'select-arrow.svg',
     'touch-events.svg',
 )
--- a/devtools/client/responsive.html/index.css
+++ b/devtools/client/responsive.html/index.css
@@ -166,17 +166,17 @@ select > option.divider {
   background-image: url("./images/touch-events.svg");
 }
 
 #global-screenshot-button::before {
   background-image: url("./images/screenshot.svg");
 }
 
 #global-exit-button::before {
-  background-image: url("./images/close.svg");
+  background-image: url("chrome://devtools/skin/images/close.svg");
 }
 
 #global-screenshot-button:disabled {
   filter: var(--checked-icon-filter);
   opacity: 1 !important;
 }
 
 #global-network-throttling-selector {
@@ -463,17 +463,17 @@ select > option.divider {
   position: absolute;
   top: 5px;
   right: 2px;
   width: 12px;
   height: 12px;
 }
 
 #device-close-button::before {
-  background-image: url("./images/close.svg");
+  background-image: url("chrome://devtools/skin/images/close.svg");
   margin: -6px 0 0 -6px;
 }
 
 .device-type {
   display: flex;
   flex-direction: column;
   padding: 10px;
 }
@@ -502,17 +502,17 @@ select > option.divider {
 
 .device-remove-button,
 .device-remove-button:empty::before {
   width: 12px;
   height: 12px;
 }
 
 .device-remove-button:empty::before {
-  background-image: url("./images/close.svg");
+  background-image: url("chrome://devtools/skin/images/close.svg");
   margin: -6px 0 0 -6px;
 }
 
 #device-submit-button {
   background-color: var(--theme-tab-toolbar-background);
   border-width: 1px 0 0 0;
   border-top-width: 1px;
   border-top-style: solid;