Bug 1404696 - Follow-up: Change #attachmentIcon to SVG. r=jorgk
☠☠ backed out by dbfda895d18d ☠ ☠
authorRichard Marti <richard.marti@gmail.com>
Fri, 06 Oct 2017 19:30:34 +0200
changeset 29106 6e2a1d325b48e22589d57d688d54defb05d03fac
parent 29105 def852abeaf2ead9b650f43516aff015aed2c6d9
child 29107 d20464aedc172bb3397e8357b305928ba436343f
push id2068
push userclokep@gmail.com
push dateMon, 13 Nov 2017 19:02:14 +0000
treeherdercomm-beta@9c7e7ce8672b [default view] [failures only]
perfherder[talos] [build metrics] [platform microbench] (compared to previous push)
reviewersjorgk
bugs1404696
Bug 1404696 - Follow-up: Change #attachmentIcon to SVG. r=jorgk
mail/themes/linux/mail/messageHeader.css
mail/themes/osx/mail/messageHeader.css
mail/themes/windows/mail/messageHeader.css
--- a/mail/themes/linux/mail/messageHeader.css
+++ b/mail/themes/linux/mail/messageHeader.css
@@ -76,19 +76,21 @@
   -moz-appearance: treetwistyopen;
 }
 
 #attachmentToggle:focus {
   outline: 1px dotted Highlight;
 }
 
 #attachmentIcon {
-  list-style-image: url("chrome://messenger/skin/icons/filterbar.png");
-  -moz-image-region: rect(0px, 80px, 16px, 64px);
+  list-style-image: url("chrome://messenger/skin/icons/attach.svg");
   margin-inline-start: 5px;
+  -moz-context-properties: fill, fill-opacity;
+  fill: currentColor;
+  fill-opacity: var(--toolbarbutton-icon-fill-opacity);
 }
 
 #attachmentName:hover,
 #attachmentName[selected="true"] {
   cursor: pointer;
   color: HighlightText;
   background-color: Highlight;
 }
--- a/mail/themes/osx/mail/messageHeader.css
+++ b/mail/themes/osx/mail/messageHeader.css
@@ -52,18 +52,21 @@
   -moz-appearance: treetwistyopen;
 }
 
 #attachmentToggle:focus {
   outline: 1px dotted Highlight;
 }
 
 #attachmentIcon {
-  list-style-image: url("chrome://messenger/skin/icons/attachment.png");
+  list-style-image: url("chrome://messenger/skin/icons/attach.svg");
   margin-inline-start: 5px;
+  -moz-context-properties: fill, fill-opacity;
+  fill: currentColor;
+  fill-opacity: var(--toolbarbutton-icon-fill-opacity);
 }
 
 #attachmentName:hover,
 #attachmentName[selected="true"] {
   cursor: pointer;
   background: linear-gradient(#F9CE90, #F6A942); /* orange gradient */
 }
 
--- a/mail/themes/windows/mail/messageHeader.css
+++ b/mail/themes/windows/mail/messageHeader.css
@@ -53,20 +53,16 @@
   -moz-user-focus: normal;
   list-style-image: url("chrome://global/skin/tree/twisty.svg#clsd");
 }
 
 #attachmentToggle[checked="true"] {
   list-style-image: url("chrome://global/skin/tree/twisty.svg#open");
 }
 
-#attachmentIcon {
-  margin-inline-start: 5px;
-}
-
 #attachmentName:hover,
 #attachmentName[selected="true"] {
   cursor: pointer;
   color: HighlightText;
   background-color: Highlight;
 }
 
 #attachmentSize {
@@ -288,17 +284,21 @@ mail-emailaddress[selected="true"] .emai
   }
 }
 
 #expandedBoxSpacer {
   height: 6px;
 }
 
 #attachmentIcon {
-  list-style-image: url("chrome://messenger/skin/icons/attachment-col.png");
+  list-style-image: url("chrome://messenger/skin/icons/attach.svg");
+  margin-inline-start: 5px;
+  -moz-context-properties: fill, fill-opacity;
+  fill: currentColor;
+  fill-opacity: var(--toolbarbutton-icon-fill-opacity);
 }
 
 #attachmentToggle:hover {
   list-style-image: url("chrome://global/skin/tree/twisty.svg#clsd-hover");
 }
 
 #attachmentToggle[checked="true"]:hover {
   list-style-image: url("chrome://global/skin/tree/twisty.svg#open-hover");