Bug 1561233 - Apply the opacity only to the icon in the search bar (follow-up to bug 1557978). r=jorgk DONTBUILD
authorRichard Marti <richard.marti@gmail.com>
Thu, 27 Jun 2019 17:44:02 +0200
changeset 35977 8339093aab085fadc5e43c217ca301da737c9522
parent 35976 2bca1ea4631ec2d92364984d9e91a44ad1028c22
child 35978 e73c4bbd0df78f8dfac0e803d32b25239c9e900d
push id392
push userclokep@gmail.com
push dateMon, 02 Sep 2019 20:17:19 +0000
reviewersjorgk
bugs1561233, 1557978
Bug 1561233 - Apply the opacity only to the icon in the search bar (follow-up to bug 1557978). r=jorgk DONTBUILD
mail/themes/linux/mail/searchBox.css
mail/themes/windows/mail/searchBox.css
--- a/mail/themes/linux/mail/searchBox.css
+++ b/mail/themes/linux/mail/searchBox.css
@@ -10,19 +10,19 @@
 
 .remote-gloda-search,
 #searchInput,
 #IMSearchInput {
   background-image: url(chrome://messenger/skin/icons/search-glass.svg);
   background-position: calc( 100% - 4px);
   background-repeat: no-repeat;
   padding-inline-end: 24px;
-  -moz-context-properties: fill;
+  -moz-context-properties: fill, fill-opacity;
   fill: currentColor;
-  opacity: 0.54;
+  fill-opacity: 0.54;
 }
 
 .remote-gloda-search:-moz-locale-dir(rtl),
 #searchInput:-moz-locale-dir(rtl),
 #IMSearchInput:-moz-locale-dir(rtl) {
   background-position: 4px;
 }
 
--- a/mail/themes/windows/mail/searchBox.css
+++ b/mail/themes/windows/mail/searchBox.css
@@ -23,19 +23,19 @@
 
 .remote-gloda-search,
 #searchInput,
 #IMSearchInput {
   background-image: url(chrome://messenger/skin/icons/search-glass.svg);
   background-position: calc( 100% - 4px);
   background-repeat: no-repeat;
   padding-inline-end: 24px;
-  -moz-context-properties: fill;
+  -moz-context-properties: fill, fill-opacity;
   fill: currentColor;
-  opacity: 0.54;
+  fill-opacity: 0.54;
 }
 
 .remote-gloda-search:-moz-locale-dir(rtl),
 #searchInput:-moz-locale-dir(rtl),
 #IMSearchInput:-moz-locale-dir(rtl) {
   background-position: 4px;
 }