Magic-Mirror/gecko-dev
1
0
Fork 0
mirror of https://github.com/mozilla/gecko-dev.git synced 2024-10-13 05:15:45 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

Bug 1409148 - Improve styling of the plugin Click-to-Play overlay. r=johannh

Browse Source 
MozReview-Commit-ID: I3P65jCm06j

--HG--
extra : rebase_source : 0435fe837fd63ca52bd7fe52190b4336b42ba7c5
This commit is contained in:
Felipe Gomes 2017-11-09 18:35:14 -02:00
parent 0de0e47a43
commit c4ad163a19
1 changed files with 22 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -8,6 +8,8 @@
/* Keep any changes to these styles in sync with plugin-doorhanger.inc.css */
.mainBox {
--grey-10: #f9f9fa;
--grey-60: #4a4a4f;
--grey-70: #38383d;
}
.mainBox {
@ -31,12 +33,10 @@
height: 100%;
}
:-moz-handler-vulnerable-updatable .hoverBox:active,
:-moz-handler-vulnerable-no-update .hoverBox:active,
:-moz-handler-clicktoplay .hoverBox:active {
:-moz-handler-vulnerable-no-update .hoverBox:active {
background-color: rgb(65, 65, 65);
}
:-moz-handler-clicktoplay .hoverBox:active .msgClickToPlay,
:-moz-handler-vulnerable-updatable .hoverBox:active .msgClickToPlay,
:-moz-handler-vulnerable-no-update .hoverBox:active .msgClickToPlay {
color: red;
@ -97,10 +97,6 @@ a .icon,
}
}
.msgClickToPlay {
text-decoration: underline;
}
/* on desktop, don't ever show the tap-to-play UI: that is for mobile only */
:-moz-handler-clicktoplay .msgTapToPlay,
a .msgTapToPlay {
@ -203,3 +199,22 @@ a .msgTapToPlay {
:-moz-handler-vulnerable-updatable .action-link:active {
background-color: #801409;
}
/* New Photon styling
*
* At the moment, these rules are written to only override
* :-moz-handler-clicktoplay styling. Once we finish the
* redesign for all cases, we can change the CSS directly
* above instead of writing these super-specific rules.
*/
:-moz-handler-clicktoplay .mainBox {
background-color: var(--grey-70);
}
:-moz-handler-clicktoplay .msgClickToPlay {
font-size: 13px;
}
:-moz-handler-clicktoplay .hoverBox:active {
background-color: var(--grey-60);
}