felixfoertsch/webextensions-examples
1
0
Fork 0
mirror of https://github.com/mdn/webextensions-examples.git synced 2026-04-19 15:54:00 +02:00
Code Issues Packages Projects Releases Wiki Activity

Use browser_style in webpack example

Browse Source
This commit is contained in:
Martin Giger
2016-10-16 15:27:56 +02:00
parent 7812c6ae9d
commit 2b4b64c4a3
3 changed files with 69 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files
webpack-modules/addon/popup/left-pad.html
+25 -7
View File
@@ -2,15 +2,33 @@
<html lang="en">
<head>
<meta charset="utf-8">
<link rel="stylesheet" href="style.css">
</head>
<body>
<body class="panel">
<form id="leftpad-form">
<label for="text">Text:</label><input type="text" id="text" required><br>
<label for="amount">Result length:</label><input type="number" id="amount" min="0" step="1" required><br>
<label for="with">Pad with:</label><input type="text" required value="_" id="with"><br>
<label for="result">Result:</label><output id="result"></output><br>
<button type="submit">Pad!</button>
<button id="pad-bg">Pad in background script</button>
<section class="panel-section panel-section-formElements">
<div class="panel-formElements-item">
<label for="text">Text:</label>
<input type="text" id="text" required>
</div>
<div class="panel-formElements-item">
<label for="amount">Result length:</label>
<input type="number" id="amount" min="0" step="1" required>
</div>
<div class="panel-formElements-item">
<label for="with">Pad with:</label>
<input type="text" required value="_" id="with">
</div>
<div class="panel-formElements-item">
<label for="result">Result:</label>
<output id="result"></output>
</div>
</section>
<footer class="panel-section panel-section-footer">
<button type="submit" class="panel-section-footer-button default">Pad!</button>
<div class="panel-section-footer-separator"></div>
<button id="pad-bg" class="panel-section-footer-button">Pad in background script</button>
</footer>
</form>
<script src="index.js"></script>
</body>