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

Side by Side 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 unified diff | Download patch
« no previous file with comments | « no previous file | chrome/renderer/resources/plugin_power_saver_play.png » ('j') | no next file with comments »
Toggle Intra-line Diffs ('i') | Expand Comments ('e') | Collapse Comments ('c') | Show Comments Hide Comments ('s')
OLDNEW
1 <!doctype html> 1 <!doctype html>
2 <html> 2 <html>
3 <head> 3 <head>
4 <meta charset="utf-8"> 4 <meta charset="utf-8">
5 <meta name="viewport" content="width=device-width, user-scalable=no"> 5 <meta name="viewport" content="width=device-width, user-scalable=no">
6 <script> 6 <script>
7 function notifyDidFinishLoading() { 7 function notifyDidFinishLoading() {
8 if (plugin.didFinishLoading) 8 if (plugin.didFinishLoading)
9 plugin.didFinishLoading(); 9 plugin.didFinishLoading();
10 } 10 }
11 </script> 11 </script>
12 <link rel="stylesheet" href="plugin_placeholders.css"></link> 12 <link rel="stylesheet" href="plugin_placeholders.css"></link>
13 <style> 13 <style>
14 #outer { 14 #outer {
15 border: none;
15 cursor: pointer; 16 cursor: pointer;
17 background-position: center;
18 background-repeat: no-repeat;
19 background-size: contain;
20 }
21
22 #shielding {
23 background-color: rgba(0, 0, 0, 0.5);
24 height: 100%;
25 position: absolute;
26 width: 100%;
16 } 27 }
17 28
18 #plugin_icon { 29 #plugin_icon {
19 opacity: 0.2; 30 opacity: 0.8;
20 } 31 }
21 32
22 #outer:hover #plugin_icon { 33 #plugin_icon:hover {
23 opacity: 1.0; 34 opacity: 0.95;
24 } 35 }
25 36
26 #inner { 37 #inner {
27 margin-top: -23px; 38 margin-top: -25px;
28 } 39 }
29 </style> 40 </style>
30 </head> 41 </head>
31 42
32 <body i18n-values=".style.background-image:background" onload="notifyDidFinishLo ading();"> 43 <body onload="notifyDidFinishLoading();">
33 <div i18n-values="title:name" id="outer" onclick="plugin.load()"> 44 <div i18n-values="title:name;.style.background-image:background" id="outer"
34 <div id="inner"> 45 onclick="plugin.load()">
35 <div><img id="plugin_icon" src="play.png" /></div> 46 <div id="shielding">
36 <p id="debug"> </p> 47 <div id="inner">
48 <div><img id="plugin_icon" src="plugin_power_saver_play.png" /></div>
49 </div>
37 </div> 50 </div>
38 </div> 51 </div>
39 </body> 52 </body>
40 </html> 53 </html>
OLDNEW
« 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