Bug 1549293 - Add context fill to info-page title background images and about:config preference lock icon r=dao
authorKestrel <ke5trel@protonmail.com>
Tue, 07 May 2019 11:42:09 +0000
changeset 534905 c4f3fbb1fdcc99945467419a6bf53b900af17f21
parent 534904 65a693623cee0837b4ad0d23241c84cd3ea23e3a
child 534906 e1d2dc6db0fa34f00fc68436546fd60b55b959fd
push id2082
push userffxbld-merge
push dateMon, 01 Jul 2019 08:34:18 +0000
treeherdermozilla-release@2fb19d0466d2 [default view] [failures only]
perfherder[talos] [build metrics] [platform microbench] (compared to previous push)
reviewersdao
bugs1549293
milestone68.0a1
first release with
nightly linux32
nightly linux64
nightly mac
nightly win32
nightly win64
last release without
nightly linux32
nightly linux64
nightly mac
nightly win32
nightly win64
Bug 1549293 - Add context fill to info-page title background images and about:config preference lock icon r=dao Differential Revision: https://phabricator.services.mozilla.com/D29991
browser/components/aboutconfig/content/aboutconfig.css
browser/themes/shared/blockedSite.css
toolkit/themes/shared/config.css
toolkit/themes/shared/in-content/info-pages.inc.css
--- a/browser/components/aboutconfig/content/aboutconfig.css
+++ b/browser/components/aboutconfig/content/aboutconfig.css
@@ -19,17 +19,16 @@ body.config-background {
 }
 
 body.config-warning {
   background-image: url("chrome://browser/content/aboutconfig/background.svg#warning");
 }
 
 .title {
   background-image: url("chrome://global/skin/icons/warning.svg");
-  -moz-context-properties: fill;
   fill: #fcd100;
 }
 
 #search-container {
   position: sticky;
   top: 0;
   box-sizing: border-box;
   width: 100%;
@@ -92,16 +91,18 @@ body.config-warning {
 }
 
 #prefs > tr.locked {
   opacity: 0.4;
   background-image: url("chrome://browser/skin/preferences/in-content/privacy-security.svg");
   background-repeat: no-repeat;
   background-position: 9px center;
   background-size: 16px 16px;
+  -moz-context-properties: fill;
+  fill: currentColor;
 }
 
 #prefs > tr.locked:dir(rtl) {
   background-position-x: right 9px;
 }
 
 #prefs > tr > td,
 #prefs > tr > th {
--- a/browser/themes/shared/blockedSite.css
+++ b/browser/themes/shared/blockedSite.css
@@ -9,18 +9,16 @@ html {
 }
 
 body {
   color: white;
 }
 
 .title {
   background-image: url("chrome://global/skin/icons/blocked.svg");
-  fill: currentColor;
-  -moz-context-properties: fill;
 }
 
 .title-text {
   color: white;
 }
 
 .button-container button {
   background-color: transparent;
--- a/toolkit/themes/shared/config.css
+++ b/toolkit/themes/shared/config.css
@@ -7,17 +7,16 @@
   padding-top: 0;
   padding-bottom: 0;
   padding-inline-start: calc(48px + 4.6em);
   padding-inline-end: 48px;
 }
 
 .title {
   background-image: url("chrome://global/skin/icons/warning.svg");
-  -moz-context-properties: fill;
   fill: #fcd100;
 }
 
 #warningTitle {
   font-weight: lighter;
   line-height: 1.2;
   color: #333;
   margin: 0;
--- a/toolkit/themes/shared/in-content/info-pages.inc.css
+++ b/toolkit/themes/shared/in-content/info-pages.inc.css
@@ -40,16 +40,18 @@ body.wide-container {
 .title {
   background-image: url("chrome://global/skin/icons/info.svg");
   background-position: left 0;
   background-repeat: no-repeat;
   background-size: 1.6em;
   margin-inline-start: -2.3em;
   padding-inline-start: 2.3em;
   font-size: 2.2em;
+  -moz-context-properties: fill;
+  fill: currentColor;
 }
 
 .title:-moz-locale-dir(rtl),
 .title:dir(rtl) {
   background-position: right 0;
 }
 
 .title-text {