Bug 1644730 - Use a SVG for the treecol sort arrows to make them themeable. r=aleca a=wsmwk
authorRichard Marti <richard.marti@gmail.com>
Sun, 11 Nov 2018 18:12:19 +0100
changeset 39381 e64f856376c7ef110d553707eaea9b64b9719c46
parent 39380 49e5d2a195377ef0466d91ecd172e4ccf444e806
child 39382 698dbe7ae420ce4e1353ea110575112d9944c104
push id402
push userclokep@gmail.com
push dateMon, 29 Jun 2020 20:48:04 +0000
reviewersaleca, wsmwk
bugs1644730
Bug 1644730 - Use a SVG for the treecol sort arrows to make them themeable. r=aleca a=wsmwk
mail/themes/linux/mail/messenger.css
mail/themes/osx/mail/messenger.css
mail/themes/windows/mail/messenger.css
--- a/mail/themes/linux/mail/messenger.css
+++ b/mail/themes/linux/mail/messenger.css
@@ -489,16 +489,30 @@ toolbar[mode="full"] .toolbarbutton-1 {
 #tabbar-toolbar .toolbarbutton-1,
 #tabbar-toolbar .toolbarbutton-1[type="menu-button"] {
   margin-top: 3px;
   margin-bottom: 3px;
 }
 
 /* message column icons */
 
+.treecol-sortdirection {
+  -moz-appearance: none;
+  -moz-context-properties: fill;
+  fill: currentColor;
+}
+
+treecol[sortDirection="ascending"]:not([hideheader="true"]) > .treecol-sortdirection {
+  list-style-image: url("chrome://global/skin/icons/arrow-dropdown-12.svg");
+}
+
+treecol[sortDirection="descending"]:not([hideheader="true"]) > .treecol-sortdirection {
+  list-style-image: url("chrome://global/skin/icons/arrow-up-12.svg");
+}
+
 .treecol-image image {
   -moz-context-properties: fill;
   fill: currentColor;
 }
 
 treecol.treecol-image:hover:active {
   padding-inline-start: 1px;
 }
--- a/mail/themes/osx/mail/messenger.css
+++ b/mail/themes/osx/mail/messenger.css
@@ -474,16 +474,30 @@ treechildren::-moz-tree-row {
 }
 
 treechildren::-moz-tree-cell-text {
   padding-inline-start: 2px;
 }
 
 /* message column icons */
 
+.treecol-sortdirection {
+  -moz-appearance: none;
+  -moz-context-properties: fill;
+  fill: currentColor;
+}
+
+treecol[sortDirection="ascending"]:not([hideheader="true"]) > .treecol-sortdirection {
+  list-style-image: url("chrome://global/skin/icons/arrow-up-12.svg");
+}
+
+treecol[sortDirection="descending"]:not([hideheader="true"]) > .treecol-sortdirection {
+  list-style-image: url("chrome://global/skin/icons/arrow-dropdown-12.svg");
+}
+
 .treecol-image image {
   -moz-context-properties: fill;
   fill: currentColor;
 }
 
 treecol.treecol-image:hover:active {
   padding-inline-start: 1px;
 }
--- a/mail/themes/windows/mail/messenger.css
+++ b/mail/themes/windows/mail/messenger.css
@@ -295,16 +295,24 @@ toolbar[mode="full"] .toolbarbutton-1 {
   margin-bottom: 0;
 }
 
 menulist.folderMenuItem menu:not(.folderMenuItem) {
   padding-top: 3px;
   padding-bottom: 3px;
 }
 
+treecol[sortDirection="ascending"]:not([hideheader="true"]) > .treecol-sortdirection {
+  list-style-image: url("chrome://global/skin/icons/arrow-up-12.svg");
+}
+
+treecol[sortDirection="descending"]:not([hideheader="true"]) > .treecol-sortdirection {
+  list-style-image: url("chrome://global/skin/icons/arrow-dropdown-12.svg");
+}
+
 .treecol-image image {
   padding-inline-start: 1px;
   padding-inline-end: 2px;
   padding-bottom: 2px;
   -moz-context-properties: fill;
   fill: currentColor;
 }