Chromium Code Reviews Chromium Code Reviews
Issue 6354025:
Add hide icon on the click-to-play UI too. (Closed)
Base URL: svn://svn.chromium.org/chrome/trunk/src/| OLD | NEW |
|---|---|
| 1 <!DOCTYPE html> | 1 <!DOCTYPE html> |
| 2 <html> | 2 <html> |
| 3 <head> | 3 <head> |
| 4 <script> | 4 <script> |
| 5 function debug(msg) { | 5 function debug(msg) { |
| 6 document.getElementById('debug').textContent = msg; | 6 document.getElementById('debug').textContent = msg; |
| 7 } | 7 } |
| 8 </script> | 8 </script> |
| 9 <style> | 9 <style> |
| 10 body { | 10 body { |
| (...skipping 12 matching lines...) Expand all Loading... | |
| 23 background: -webkit-linear-gradient(#b9b9b9, #d2d2d2); | 23 background: -webkit-linear-gradient(#b9b9b9, #d2d2d2); |
| 24 } | 24 } |
| 25 | 25 |
| 26 h1 { | 26 h1 { |
| 27 padding: 0pt 10pt; | 27 padding: 0pt 10pt; |
| 28 font-size: 10pt; | 28 font-size: 10pt; |
| 29 font-weight: normal; | 29 font-weight: normal; |
| 30 visibility: hidden; | 30 visibility: hidden; |
| 31 } | 31 } |
| 32 | 32 |
| 33 #outer:hover h1 { | 33 #outer:hover h1, #outer:hover img { |
| 34 visibility: visible; | 34 visibility: visible; |
| 35 } | 35 } |
| 36 | 36 |
| 37 #plugin_icon { | 37 #plugin_icon { |
| 38 opacity: .4; | 38 opacity: .4; |
| 39 } | 39 } |
| 40 | 40 |
| 41 #outer:hover #plugin_icon { | 41 #outer:hover #plugin_icon { |
| 42 opacity: 1.0; | 42 opacity: 1.0; |
| 43 } | 43 } |
| (...skipping 17 matching lines...) Expand all Loading... | |
| 61 #outer:hover { | 61 #outer:hover { |
| 62 -webkit-box-shadow: rgb(229,229,229) 1px 1px inset; | 62 -webkit-box-shadow: rgb(229,229,229) 1px 1px inset; |
| 63 } | 63 } |
| 64 */ | 64 */ |
| 65 | 65 |
| 66 #inner { | 66 #inner { |
| 67 position: relative; | 67 position: relative; |
| 68 top: 50%; | 68 top: 50%; |
| 69 margin-top: -70px; | 69 margin-top: -70px; |
| 70 } | 70 } |
| 71 | |
| 72 #close { | |
| 73 visibility: hidden; | |
| 74 cursor: pointer; | |
| 75 position: absolute; | |
| 76 right: 0px; | |
| 77 top: 0px; | |
| 78 } | |
| 71 </style> | 79 </style> |
| 72 </head> | 80 </head> |
| 73 | 81 |
| 74 <body id="t" onSelectStart="return false;"> | 82 <body id="t" onSelectStart="return false;"> |
| 75 <div i18n-values="title:name" id="outer" onclick="plugin.load()"> | 83 <div i18n-values="title:name" id="outer" onclick="plugin.load()"> |
| 76 <div id="inner"> | 84 <div id="inner"> |
| 77 <div><img id="plugin_icon" src="plugin_blocked.png" /></div> | 85 <div><img id="plugin_icon" src="plugin_blocked.png" /></div> |
| 78 <h1 i18n-content="message">PLUGIN_LOAD</h1> | 86 <h1 i18n-content="message">PLUGIN_LOAD</h1> |
| 79 <p id="debug"> </p> | 87 <p id="debug"> </p> |
| 80 </div> | 88 </div> |
| 89 <img id="close" onclick="event.stopPropagation(); plugin.hide()" | |
| 90 src="../../app/theme/close_bar_h.png"> | |
| 81 </div> | 91 </div> |
| 92 <script> | |
| 93 size = document.getElementById('outer'); | |
| 94 style = getComputedStyle(size); | |
|
Bernhard Bauer
2011/01/26 08:37:48
Ooh, I have to remember that one. We might want to
| |
| 95 if (parseInt(style.width) < 32 && parseInt(style.height) < 32) { | |
| 96 i = document.getElementById('close'); | |
| 97 i.parentNode.removeChild(i); | |
| 98 } | |
| 99 </script> | |
| 82 </body> | 100 </body> |
| 83 </html> | 101 </html> |
| OLD | NEW |
