Bug 1521166 - Replace toolkit/themes/osx/global/arrow/arrow-{dn|up}*.gif with arrow-{dropdown|up}-12.svg. r=arshad
authorRichard Marti <richard.marti@gmail.com>
Fri, 18 Jan 2019 20:32:55 +0100
changeset 25636 c1a9b8792ed93807415d2013ad62a8f735de9c88
parent 25635 27bc126331220a417122393e59e9515709f379ec
child 25637 fec3b0d58634608c121c3159320d60f7f92861d3
push id15388
push usermozilla@jorgk.com
push dateSat, 19 Jan 2019 22:06:47 +0000
treeherdercomm-central@fec3b0d58634 [default view] [failures only]
perfherder[talos] [build metrics] [platform microbench] (compared to previous push)
reviewersarshad
bugs1521166
Bug 1521166 - Replace toolkit/themes/osx/global/arrow/arrow-{dn|up}*.gif with arrow-{dropdown|up}-12.svg. r=arshad
mail/themes/osx/mail/messenger.css
--- a/mail/themes/osx/mail/messenger.css
+++ b/mail/themes/osx/mail/messenger.css
@@ -499,32 +499,35 @@ toolbar[mode="icons"] .toolbarbutton-1 >
   #offline-status > .toolbarbutton-icon {
     width: 16px;
     height: 16px;
   }
 }
 
 /* ::::: directional button icons ::::: */
 
-.up {
-  min-width: 0px;
-  list-style-image: url("chrome://global/skin/arrow/arrow-up.gif");
+.up,
+.down {
+  min-width: 0;
+  -moz-context-properties: fill, fill-opacity;
+  fill: currentColor;
+  fill-opacity: 1;
 }
 
-.up[disabled="true"] {
-  list-style-image: url("chrome://global/skin/arrow/arrow-up-dis.gif");
+.up {
+  list-style-image: url("chrome://global/skin/icons/arrow-up-12.svg");
 }
 
 .down {
-  min-width: 0px;
-  list-style-image: url("chrome://global/skin/arrow/arrow-dn.gif");
+  list-style-image: url("chrome://global/skin/icons/arrow-dropdown-12.svg");
 }
 
+.up[disabled="true"],
 .down[disabled="true"] {
-  list-style-image: url("chrome://global/skin/arrow/arrow-dn-dis.gif");
+  fill-opacity: .5;
 }
 
 /* ::::: Tabs ::::: */
 
 tabmail > tabbox {
   margin: 0;
 }
 
@@ -642,17 +645,19 @@ button[type="menu-button"] > button {
 .button-menubutton-dropmarker {
   -moz-appearance: none !important;
   border: none;
   background-color: transparent !important;
   margin: 1px;
 }
 
 button .dropmarker-icon {
-  list-style-image: url("chrome://global/skin/arrow/arrow-dn.gif");
+  list-style-image: url("chrome://global/skin/icons/arrow-dropdown-12.svg");
+  -moz-context-properties: fill;
+  fill: currentColor;
 }
 
 button[type="menu-button"] > dropmarker {
   margin-inline-end: -7px;
 }
 
 /* Status bar */