webDevFeedbackExt/element.html at main · StoneHub/webDevFeedbackExt · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
<!doctype html>
<html lang="en">
<head><meta charset="utf-8"><meta name="viewport" content="width=device-width,initial-scale=1"><title>Write element feedback</title><link rel="stylesheet" href="element.css"></head>
<body>
  <header><h1>What should change?</h1><button id="cancel" type="button" aria-label="Close note">×</button></header>
  <p id="source" class="muted"></p>
  <form id="capture-form">
    <label class="sr-only" for="note">Requested change</label>
    <textarea id="note" maxlength="2000" required rows="4" placeholder="Describe the change you want…"></textarea>
    <details><summary>Acceptance checks <span class="muted">optional</span></summary><label class="sr-only" for="acceptance">Acceptance checks, one per line</label><textarea id="acceptance" maxlength="2000" rows="3" placeholder="What would make this done? One check per line."></textarea></details>
    <details><summary>Captured element</summary><pre id="target"></pre></details>
    <div class="actions"><button id="save" type="submit">Save note</button><button id="save-next" type="submit" class="secondary">Save &amp; pick next</button></div>
  </form>
  <p id="status" role="status" aria-live="polite"></p>
  <footer>Private draft · Saved locally<br>⌘/Ctrl+Enter saves · Shift also picks the next element</footer>
  <script src="editor-dialog.js"></script><script src="element.js"></script>
</body>
</html>