Magic-Mirror/gecko-dev
1
0
Fork 0
mirror of https://github.com/mozilla/gecko-dev.git synced 2024-11-24 21:31:04 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

Bug 1409148 - Drop the old contentPluginClose.png icon and replace it with the modern svg version. r=johannh

Browse Source 
This also updates its :hover and :active visuals to match the tab bar

MozReview-Commit-ID: 98LiqClr3SG

--HG--
extra : rebase_source : 4f20c5803702a2da731a1eb6880e2b68e1867f9e
This commit is contained in:
Felipe Gomes 2017-11-10 14:05:00 -02:00
parent f811f99f00
commit d68bb1d91f
4 changed files with 16 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
caps/tests/mochitest/test_bug292789.html
View File

@ -56,8 +56,8 @@ function testScriptSrc(aCallback) {
/** <img src=""> tests **/
var img_global = "chrome://global/skin/media/error.png";
var img_mozapps = "chrome://mozapps/skin/plugins/contentPluginClose.png";
var res_mozapps = "resource://gre/chrome/toolkit/skin/classic/mozapps/plugins/contentPluginClose.png";
var img_mozapps = "chrome://mozapps/skin/plugins/contentPluginCrashed.png";
var res_mozapps = "resource://gre/chrome/toolkit/skin/classic/mozapps/plugins/contentPluginCrashed.png";
var imgTests = [[img_global, "success"],
[img_mozapps, "fail"],

1
toolkit/themes/shared/mozapps.inc.mn
View File

@ -34,7 +34,6 @@
skin/classic/mozapps/aboutServiceWorkers.css (../../shared/aboutServiceWorkers.css)
skin/classic/mozapps/plugins/contentPluginActivate.png (../../shared/plugins/contentPluginActivate.png)
skin/classic/mozapps/plugins/contentPluginBlocked.png (../../shared/plugins/contentPluginBlocked.png)
skin/classic/mozapps/plugins/contentPluginClose.png (../../shared/plugins/contentPluginClose.png)
skin/classic/mozapps/plugins/contentPluginCrashed.png (../../shared/plugins/contentPluginCrashed.png)
skin/classic/mozapps/plugins/contentPluginStripe.png (../../shared/plugins/contentPluginStripe.png)

BIN
toolkit/themes/shared/plugins/contentPluginClose.png
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 1.3 KiB

20
toolkit/themes/shared/plugins/pluginProblem.css
View File

@ -6,6 +6,10 @@
/* These styles affect only the bound element, not other page content. */
/* Keep any changes to these styles in sync with plugin-doorhanger.inc.css */
.mainBox {
--grey-10: #f9f9fa;
}
.mainBox {
font: message-box;
font-size: 12px;
@ -155,23 +159,27 @@ a .msgTapToPlay {
.closeIcon {
display: block;
width: 16px;
height: 16px;
width: 20px;
height: 20px;
margin-top: 4px;
margin-inline-start: -20px;
margin-inline-start: -24px;
margin-inline-end: 4px;
border: none;
border-radius: 2px;
background-color: transparent;
background-image: url("chrome://mozapps/skin/plugins/contentPluginClose.png");
background-image: url(chrome://global/skin/icons/close.svg);
background-repeat: no-repeat;
-moz-context-properties: fill, fill-opacity;
fill-opacity: 0;
fill: var(--grey-10);
}
.closeIcon:hover {
background-position: -16px 0;
fill-opacity: .1;
}
.closeIcon:hover:active {
background-position: -32px 0;
fill-opacity: .2;
}
.action-link {