Bug 1596725 - Fix plugin icon and badge appearance. r=Gijs
authorTim Nguyen <ntim.bugs@gmail.com>
Fri, 15 Nov 2019 22:50:13 +0000
changeset 502301 6b5e8d8a9ff16e7bf08f130b8c0780f6a92e45a8
parent 502300 4c41a3b36c68de9abaf195c7a1cca4b87895ba5d
child 502302 ce117024e030669c35a537ce38e123c3cbffad21
push id114172
push userdluca@mozilla.com
push dateTue, 19 Nov 2019 11:31:10 +0000
treeherdermozilla-inbound@b5c5ba07d3db [default view] [failures only]
perfherder[talos] [build metrics] [platform microbench] (compared to previous push)
reviewersGijs
bugs1596725
milestone72.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 1596725 - Fix plugin icon and badge appearance. r=Gijs Differential Revision: https://phabricator.services.mozilla.com/D53265
browser/themes/shared/notification-icons.inc.css
--- a/browser/themes/shared/notification-icons.inc.css
+++ b/browser/themes/shared/notification-icons.inc.css
@@ -301,22 +301,24 @@ html|*#webRTC-previewVideo {
 
 .plugin-icon {
   list-style-image: url(chrome://global/skin/plugins/plugin.svg);
   transition: fill 1.5s;
 }
 
 #plugin-icon-badge {
   list-style-image: url(chrome://browser/skin/notification-icons/plugin-badge.svg);
+  width: 16px;
+  height: 16px;
   opacity: 0;
   transition: opacity 1.5s;
 }
 
-#plugins-notification-icon[extraAttr="inactive"] > .plugin-icon {
-  fill: #bfbfbf;
+#plugins-notification-icon:not(.plugin-blocked)[extraAttr="inactive"] > .plugin-icon {
+  fill-opacity: 0.25;
 }
 
 #plugins-notification-icon[extraAttr="inactive"] > #plugin-icon-badge {
   opacity: 1;
 }
 
 #plugins-notification-icon[extraAttr="inactive"] > #plugin-icon-badge[animate] {
   animation: blink-badge 1000ms ease 0s 5 alternate both;