Bug 1853731 - Use html:img for message-bar-icon....

Bug 1853731 - Use html:img for message-bar-icon. r=Gijs,dao,settings-reviewers,desktop-theme-reviewers,sfoster Differential Revision: https://phabricator.services.mozilla.com/D188521

Bug 1853731 - Use html:img for message-bar-icon....
1bea9c8c · Emilio Cobos Álvarez · Pier Angelo Vendrame · 164ab74f · 1bea9c8c · 1bea9c8c
Verified Commit 1bea9c8c authored 1 year ago by Emilio Cobos Álvarez Committed by Pier Angelo Vendrame 6 months ago
--- a/browser/components/places/metadataViewer/interactionsViewer.html
+++ b/browser/components/places/metadataViewer/interactionsViewer.html
@@ -26,10 +26,7 @@
  </head>
  <body>
    <div id="enabledWarning" class="message-bar message-bar-warning" hidden>
-      <img
-        class="message-bar-icon"
-        src="chrome://global/skin/icons/warning.svg"
-      />
+      <img class="message-bar-icon" />
      <descripton class="message-bar-description">
        You need to have <code>browser.places.interactions.enabled</code>
        set to true (and restart) for metadata recording to be enabled.

--- a/browser/components/preferences/dialogs/browserLanguages.xhtml
+++ b/browser/components/preferences/dialogs/browserLanguages.xhtml
@@ -74,7 +74,7 @@
      class="message-bar message-bar-warning"
      hidden="true"
    >
-      <image class="message-bar-icon" />
+      <html:img class="message-bar-icon" />
      <description
        class="message-bar-description"
        data-l10n-id="browser-languages-error"

--- a/toolkit/themes/shared/in-content/common-shared.css
+++ b/toolkit/themes/shared/in-content/common-shared.css
@@ -1292,7 +1292,7 @@ xul|treechildren::-moz-tree-image(selected) {
 }

 .message-bar-icon {
-  list-style-image: url("chrome://global/skin/icons/info.svg");
+  content: url("chrome://global/skin/icons/info.svg");
  width: 24px;
  height: 24px;
  padding: 4px;
@@ -1308,7 +1308,7 @@ xul|treechildren::-moz-tree-image(selected) {
 }

 .message-bar-warning > .message-bar-icon {
-  list-style-image: url("chrome://global/skin/icons/warning.svg");
+  content: url("chrome://global/skin/icons/warning.svg");
 }

 input[type="text"][warning]:enabled:not(:focus) {