Index: chrome/common/extensions/docs/examples/tutorials/getstarted/popup.html |
diff --git a/chrome/common/extensions/docs/examples/tutorials/getstarted/popup.html b/chrome/common/extensions/docs/examples/tutorials/getstarted/popup.html |
index f58540d5d551b4af8b13f63ad2c82b680ff36181..c88cc9c0237e7d618f25cc00bcb7a6be8c069636 100644 |
--- a/chrome/common/extensions/docs/examples/tutorials/getstarted/popup.html |
+++ b/chrome/common/extensions/docs/examples/tutorials/getstarted/popup.html |
@@ -1,19 +1,23 @@ |
<!doctype html> |
+<!-- |
+ This page is shown when the extension button is clicked, because the |
+ "browser_action" field in manifest.json contains the "default_popup" key with |
+ value "popup.html". |
+ --> |
<html> |
<head> |
<title>Getting Started Extension's Popup</title> |
<style> |
body { |
- min-width: 357px; |
- overflow-x: hidden; |
+ font-family: "Segoe UI", "Lucida Grande", Tahoma, sans-serif; |
+ font-size: 100%; |
} |
- |
- img { |
- margin: 5px; |
- border: 2px solid black; |
- vertical-align: middle; |
- width: 75px; |
- height: 75px; |
+ #status { |
+ /* avoid an excessively wide status text */ |
+ white-space: pre; |
+ text-overflow: ellipsis; |
+ overflow: hidden; |
+ max-width: 400px; |
} |
</style> |
@@ -21,11 +25,13 @@ |
- JavaScript and HTML must be in separate files: see our Content Security |
- Policy documentation[1] for details and explanation. |
- |
- - [1]: http://developer.chrome.com/extensions/contentSecurityPolicy.html |
+ - [1]: https://developer.chrome.com/extensions/contentSecurityPolicy |
--> |
<script src="popup.js"></script> |
</head> |
<body> |
+ <div id="status"></div> |
+ <img id="image-result" hidden> |
</body> |
</html> |