Bug 1619148 - Fix twisty icon size in message header field. r=aleca DONTBUILD
authorRichard Marti <richard.marti@gmail.com>
Sat, 18 Apr 2020 13:52:51 +0300
changeset 38878 ba6ccb3d8aec28505ace35a9e59c86089f38859b
parent 38877 88419ea3019b4a3420ff80f873e84f68a8fe508a
child 38879 c1a719a87041c69ccbea9039467e3232f1a49048
push id401
push userclokep@gmail.com
push dateMon, 01 Jun 2020 20:41:59 +0000
reviewersaleca
bugs1619148
Bug 1619148 - Fix twisty icon size in message header field. r=aleca DONTBUILD
mail/themes/shared/mail/messageHeader.css
--- a/mail/themes/shared/mail/messageHeader.css
+++ b/mail/themes/shared/mail/messageHeader.css
@@ -306,31 +306,31 @@ mail-emailaddress[selected="true"] > .em
 }
 
 .addresstwisty[open]:hover {
   list-style-image:url("chrome://messenger/skin/icons/arrow/arrow-down.png");
 }
 
 .emailToggleHeaderfield {
   padding-top: 1px;
-  width: 8px; /* The image's width is 8 pixels */
-  height: 8px;
+  width: 10px;
   margin-inline-end: 2px;
   margin-inline-start: 4px;
-  background: url("chrome://global/skin/icons/twisty-collapsed.svg") no-repeat left 7px;
+  background: url("chrome://global/skin/icons/twisty-collapsed.svg") no-repeat center;
+  background-size: contain;
   -moz-context-properties: fill;
   fill: currentColor;
 }
 
 .emailToggleHeaderfield:-moz-locale-dir(rtl) {
-  background: url("chrome://global/skin/icons/twisty-collapsed-rtl.svg");
+  background-image: url("chrome://global/skin/icons/twisty-collapsed-rtl.svg");
 }
 
 .emailToggleHeaderfield.open {
-  background: url("chrome://global/skin/icons/twisty-expanded.svg") no-repeat left 6px;
+  background-image: url("chrome://global/skin/icons/twisty-expanded.svg");
 }
 
 /* ::::: view expand and collapse twisties  ::::: */
 
 mail-multi-emailheaderfield,
 mail-headerfield,
 mail-urlfield,
 mail-newsgroups-headerfield {