OLD | NEW |
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 window.onload = function() { | 7 window.onload = function() { |
8 if (plugin.didFinishLoading) | 8 if (plugin.didFinishLoading) |
9 plugin.didFinishLoading(); | 9 plugin.didFinishLoading(); |
10 }; | 10 }; |
(...skipping 19 matching lines...) Expand all Loading... |
30 position: absolute; | 30 position: absolute; |
31 top: 0px; | 31 top: 0px; |
32 width: 100%; | 32 width: 100%; |
33 z-index: 2; | 33 z-index: 2; |
34 } | 34 } |
35 | 35 |
36 #plugin-icon { | 36 #plugin-icon { |
37 opacity: 0.8; | 37 opacity: 0.8; |
38 max-height: 100%; | 38 max-height: 100%; |
39 max-width: 100%; | 39 max-width: 100%; |
| 40 min-width: 0; |
| 41 min-height: 0; |
40 } | 42 } |
41 | 43 |
42 #plugin-icon:hover { | 44 #plugin-icon:hover { |
43 opacity: 0.95; | 45 opacity: 0.95; |
44 } | 46 } |
45 | 47 |
46 #poster { | 48 #poster { |
47 height: 100%; | 49 height: 100%; |
48 object-fit: contain; | 50 object-fit: contain; |
49 width: 100%; | 51 width: 100%; |
(...skipping 45 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
95 if (plugin.didFinishIconRepositionForTesting) { | 97 if (plugin.didFinishIconRepositionForTesting) { |
96 // Defer until reflow complete. | 98 // Defer until reflow complete. |
97 window.setTimeout(function() { | 99 window.setTimeout(function() { |
98 plugin.didFinishIconRepositionForTesting(); | 100 plugin.didFinishIconRepositionForTesting(); |
99 }); | 101 }); |
100 } | 102 } |
101 }; | 103 }; |
102 </script> | 104 </script> |
103 </body> | 105 </body> |
104 </html> | 106 </html> |
OLD | NEW |