OLD | NEW |
1 <!doctype html> | 1 <!doctype html> |
2 <html> | 2 <html> |
3 <head> | 3 <head> |
4 <title>Getting Started Extension's Popup</title> | 4 <title>Getting Started Extension's Popup</title> |
5 <style> | 5 <style> |
6 body { | 6 body { |
7 min-width: 357px; | 7 font-family: "Segoe UI", "Lucida Grande", Tahoma, sans-serif; |
8 overflow-x: hidden; | 8 font-size: 100%; |
9 } | 9 } |
10 | 10 #status { |
11 img { | 11 /* avoid an excessively wide status text */ |
12 margin: 5px; | 12 white-space: pre; |
13 border: 2px solid black; | 13 text-overflow: ellipsis; |
14 vertical-align: middle; | 14 overflow: hidden; |
15 width: 75px; | 15 max-width: 400px; |
16 height: 75px; | |
17 } | 16 } |
18 </style> | 17 </style> |
19 | 18 |
20 <!-- | 19 <!-- |
21 - JavaScript and HTML must be in separate files: see our Content Security | 20 - JavaScript and HTML must be in separate files: see our Content Security |
22 - Policy documentation[1] for details and explanation. | 21 - Policy documentation[1] for details and explanation. |
23 - | 22 - |
24 - [1]: http://developer.chrome.com/extensions/contentSecurityPolicy.html | 23 - [1]: https://developer.chrome.com/extensions/contentSecurityPolicy |
25 --> | 24 --> |
26 <script src="popup.js"></script> | 25 <script src="popup.js"></script> |
27 </head> | 26 </head> |
28 <body> | 27 <body> |
| 28 <div id="status"></div> |
| 29 <img id="image-result" hidden> |
29 </body> | 30 </body> |
30 </html> | 31 </html> |
31 | 32 |
OLD | NEW |