Bug 1551696 - Add delete icon. r=MattN draft
authorpulselistener
Sat, 18 May 2019 06:43:49 +0000
changeset 2008529 a8b34a6778190d334e53d63596e56828dcdd91d8
parent 2008528 1fb656cadfa239b1fe74bd90770a400476c057b1
child 2008530 0374feb1c8fec21e7bc44e68549b7508db224b94
push id363921
push userreviewbot
push dateSat, 18 May 2019 06:44:53 +0000
treeherdertry@feb98ece6f65 [default view] [failures only]
reviewersMattN
bugs1551696
milestone68.0a1
Bug 1551696 - Add delete icon. r=MattN Differential Revision: https://phabricator.services.mozilla.com/D31287 Differential Diff: PHID-DIFF-nqitlizkk4srfbggyz2p
browser/components/aboutlogins/content/components/login-item.css
browser/components/aboutlogins/content/icons/delete.svg
browser/components/aboutlogins/jar.mn
--- a/browser/components/aboutlogins/content/components/login-item.css
+++ b/browser/components/aboutlogins/content/components/login-item.css
@@ -19,16 +19,29 @@
 }
 
 .title {
   margin-top: 0;
   margin-bottom: 0;
   flex: auto;
 }
 
+.delete-button {
+  background-image: url("chrome://browser/content/aboutlogins/icons/delete.svg");
+  background-repeat: no-repeat;
+  background-position: 8px;
+  padding-inline-start: 30px; /* 8px on each side, and 14px for icon width */
+  -moz-context-properties: fill;
+  fill: currentColor;
+}
+
+.delete-button:dir(rtl) {
+  background-position: right 8px center;
+}
+
 .detail-row {
   display: flex;
   margin-bottom: 20px;
 }
 
 .detail-row > label {
   flex: auto;
 }
new file mode 100644
--- /dev/null
+++ b/browser/components/aboutlogins/content/icons/delete.svg
@@ -0,0 +1,6 @@
+<!-- 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="14" height="16" viewBox="0 0 14 16" fill="context-fill">
+  <path d="M6,12.0025063 C6.27614237,12.0025063 6.5,11.7786487 6.5,11.5025063 L6.5,5.50250628 C6.5,5.22636391 6.27614237,5.00250628 6,5.00250628 C5.72385763,5.00250628 5.5,5.22636391 5.5,5.50250628 L5.5,11.5025063 C5.5,11.7786487 5.72385763,12.0025063 6,12.0025063 Z M8,12.0025063 C8.27614237,12.0025063 8.5,11.7786487 8.5,11.5025063 L8.5,5.50250628 C8.5,5.22636391 8.27614237,5.00250628 8,5.00250628 C7.72385763,5.00250628 7.5,5.22636391 7.5,5.50250628 L7.5,11.5025063 C7.5,11.7786487 7.72385763,12.0025063 8,12.0025063 Z M10,12.0025063 C10.2761424,12.0025063 10.5,11.7786487 10.5,11.5025063 L10.5,5.50250628 C10.5,5.22636391 10.2761424,5.00250628 10,5.00250628 C9.72385763,5.00250628 9.5,5.22636391 9.5,5.50250628 L9.5,11.5025063 C9.5,11.7786487 9.72385763,12.0025063 10,12.0025063 Z M13.5,2.00250628 L10.45,2.00250628 C10.2134038,0.837344292 9.18894081,-1.91253263e-16 8,0 C6.81105919,1.91253263e-16 5.78659623,0.837344292 5.55,2.00250628 L2.5,2.00250628 C1.94771525,2.00250628 1.5,2.45022153 1.5,3.00250628 C1.5,3.55479103 1.94771525,4.00250628 2.5,4.00250628 L2.5,13.0025063 C2.5,14.6593605 3.84314575,16.0025063 5.5,16.0025063 L10.5,16.0025063 C12.1568542,16.0025063 13.5,14.6593605 13.5,13.0025063 L13.5,4.00250628 C14.0522847,4.00250628 14.5,3.55479103 14.5,3.00250628 C14.5,2.45022153 14.0522847,2.00250628 13.5,2.00250628 L13.5,2.00250628 Z M8,1.00250628 C8.62819604,1.00902136 9.18471788,1.40910895 9.391,2.00250628 L6.609,2.00250628 C6.81528212,1.40910895 7.37180396,1.00902136 8,1.00250628 Z M11.5,13.0025063 C11.5,13.554791 11.0522847,14.0025063 10.5,14.0025063 L5.5,14.0025063 C4.94771525,14.0025063 4.5,13.554791 4.5,13.0025063 L4.5,4.00250628 L11.5,4.00250628 L11.5,13.0025063 Z"/>
+</svg>
--- a/browser/components/aboutlogins/jar.mn
+++ b/browser/components/aboutlogins/jar.mn
@@ -9,11 +9,12 @@ browser.jar:
   content/browser/aboutlogins/components/login-item.js         (content/components/login-item.js)
   content/browser/aboutlogins/components/login-list.css        (content/components/login-list.css)
   content/browser/aboutlogins/components/login-list.js         (content/components/login-list.js)
   content/browser/aboutlogins/components/login-list-item.css   (content/components/login-list-item.css)
   content/browser/aboutlogins/components/login-list-item.js    (content/components/login-list-item.js)
   content/browser/aboutlogins/components/modal-input.css       (content/components/modal-input.css)
   content/browser/aboutlogins/components/modal-input.js        (content/components/modal-input.js)
   content/browser/aboutlogins/components/reflected-fluent-element.js  (content/components/reflected-fluent-element.js)
+  content/browser/aboutlogins/icons/delete.svg  (content/icons/delete.svg)
   content/browser/aboutlogins/aboutLogins.css   (content/aboutLogins.css)
   content/browser/aboutlogins/aboutLogins.js    (content/aboutLogins.js)
   content/browser/aboutlogins/aboutLogins.html  (content/aboutLogins.html)