Chromium Code Reviews
chromiumcodereview-hr@appspot.gserviceaccount.com (chromiumcodereview-hr) | Please choose your nickname with Settings | Help | Chromium Project | Gerrit Changes | Sign out
(1880)

Unified Diff: chrome/renderer/resources/plugin_poster.html

Issue 896133005: Plugin Power Saver: Implement UI by Chrome designers. (Closed) Base URL: https://chromium.googlesource.com/chromium/src.git@master
Patch Set: Designer requests hover on icon only. bauerb requests some code cleanups. Created 5 years, 10 months ago
Use n/p to move between diff chunks; N/P to move between comments. Draft comments are only viewable by you.
Jump to:
View side-by-side diff with in-line comments
Download patch
« no previous file with comments | « no previous file | chrome/renderer/resources/plugin_power_saver_play.png » ('j') | no next file with comments »
Expand Comments ('e') | Collapse Comments ('c') | Show Comments Hide Comments ('s')
Index: chrome/renderer/resources/plugin_poster.html
diff --git a/chrome/renderer/resources/plugin_poster.html b/chrome/renderer/resources/plugin_poster.html
index 790f4d98e51748b7aa895ccc8c6278322af53426..e75a59885b895897862a363ff2fe1f4cf596c86d 100644
--- a/chrome/renderer/resources/plugin_poster.html
+++ b/chrome/renderer/resources/plugin_poster.html
@@ -12,28 +12,41 @@ function notifyDidFinishLoading() {
<link rel="stylesheet" href="plugin_placeholders.css"></link>
<style>
#outer {
+ border: none;
cursor: pointer;
+ background-position: center;
+ background-repeat: no-repeat;
+ background-size: contain;
+}
+
+#shielding {
+ background-color: rgba(0, 0, 0, 0.5);
+ height: 100%;
+ position: absolute;
+ width: 100%;
}
#plugin_icon {
- opacity: 0.2;
+ opacity: 0.8;
}
-#outer:hover #plugin_icon {
- opacity: 1.0;
+#plugin_icon:hover {
+ opacity: 0.95;
}
#inner {
- margin-top: -23px;
+ margin-top: -25px;
}
</style>
</head>
-<body i18n-values=".style.background-image:background" onload="notifyDidFinishLoading();">
- <div i18n-values="title:name" id="outer" onclick="plugin.load()">
- <div id="inner">
- <div><img id="plugin_icon" src="play.png" /></div>
- <p id="debug"> </p>
+<body onload="notifyDidFinishLoading();">
+ <div i18n-values="title:name;.style.background-image:background" id="outer"
+ onclick="plugin.load()">
+ <div id="shielding">
+ <div id="inner">
+ <div><img id="plugin_icon" src="plugin_power_saver_play.png" /></div>
+ </div>
</div>
</div>
</body>
« no previous file with comments | « no previous file | chrome/renderer/resources/plugin_power_saver_play.png » ('j') | no next file with comments »

Powered by Google App Engine
This is Rietveld 408576698