mirror of
https://github.com/mdn/webextensions-examples.git
synced 2026-04-17 23:08:33 +02:00
Use browser styles…
This commit is contained in:
@@ -19,9 +19,10 @@
|
||||
"permissions": [
|
||||
"downloads",
|
||||
"downloads.open"
|
||||
],
|
||||
],
|
||||
|
||||
"browser_action": {
|
||||
"browser_style": true,
|
||||
"default_icon": "icons/page-32.png",
|
||||
"default_title": "Latest download",
|
||||
"default_popup": "popup/latest_download.html"
|
||||
|
||||
@@ -1,8 +0,0 @@
|
||||
html, body {
|
||||
font: "Open Sans",Arial,sans-serif;
|
||||
height: 150px;
|
||||
}
|
||||
|
||||
#download-entry > * {
|
||||
padding: 0.5em;
|
||||
}
|
||||
@@ -3,16 +3,22 @@
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<link rel="stylesheet" href="latest_download.css"/>
|
||||
</head>
|
||||
|
||||
<body>
|
||||
|
||||
<div id="download-entry">
|
||||
<img id="icon"/><pre id="url"></pre>
|
||||
<div class="panel">
|
||||
<div id="download-entry" class="panel-section panel-section-header">
|
||||
<img class="icon-section-header" id="icon"/>
|
||||
<div class="text-section-header" id="url"></div>
|
||||
</div>
|
||||
|
||||
<div class="panel-section panel-section-footer">
|
||||
<div id="open" class="panel-section-footer-button">Open</div>
|
||||
<div class="panel-section-footer-separator"></div>
|
||||
<div id="remove" class="panel-section-footer-button default">Remove</div>
|
||||
</div>
|
||||
</div>
|
||||
<input id="open" type="button" value="Open"/>
|
||||
<input id="remove" type="button" value="Remove"/>
|
||||
|
||||
<script src="latest_download.js"></script>
|
||||
</body>
|
||||
|
||||
Reference in New Issue
Block a user