v1.1.4

make form nicer
2025-08-02 17:00:03 +02:00 · 2017-11-21 08:21:57 +01:00 · 2017-11-21 08:21:39 +01:00
3 changed files with 40 additions and 10 deletions
--- a/src/manifest.json
+++ b/src/manifest.json
@@ -2,7 +2,7 @@
  "description": "Just a toolbar button that generates a password and copies it to your clipboard.",
  "manifest_version": 2,
  "name": "pwgen reloaded",
-  "version": "1.1.3",
+  "version": "1.1.4",
  "homepage_url": "https://github.com/S2-/pwgen",
  "icons": {
    "48": "icons/lock-48.png"
--- a/src/popup/pwgen.css
+++ b/src/popup/pwgen.css
@@ -1,4 +1,22 @@
 body {
-	cursor: default;
-	font: caption;
-  }
+  margin: 15px;
+}
+
+input[type="number"] {
+  -moz-appearance: none;
+  color: var(--in-content-text-color);
+  border: 1px solid var(--in-content-box-border-color);
+  -moz-border-top-colors: none !important;
+  -moz-border-right-colors: none !important;
+  -moz-border-bottom-colors: none !important;
+  -moz-border-left-colors: none !important;
+  border-radius: 2px;
+  background-color: var(--in-content-box-background);
+
+  font-family: inherit;
+  font-size: inherit;
+  padding: 5px 10px;
+}
+input[type="checkbox"] {
+  margin-bottom: -7px;
+}
--- a/src/popup/pwgen.html
+++ b/src/popup/pwgen.html
@@ -2,30 +2,42 @@
 <html>
  <head>
    <meta charset="utf-8">
+    <link rel="stylesheet" href="chrome://global/skin/global.css" type="text/css" />
+    <link rel="stylesheet" href="chrome://global/skin/in-content/common.css" type="text/css" />
+    <link rel="stylesheet" href="chrome://mozapps/content/extensions/extensions.css" type="text/css" />
+    <link rel="stylesheet" href="resource://gre-resources/forms.css" type="text/css" />
+
    <link rel="stylesheet" href="pwgen.css"/>
  </head>

 <body>
  <form>
+
    <div>
-      <label for"length">length</label>
-      <input type="number" id="length" value="14" min="0" name="length">
+      <label for"length">length <input type="number" id="length" value="14" min="0" name="length"></label>
    </div>
+
    <div>
-      <label for"special">include special chars</label>
      <input type="checkbox" id="special" checked="checked" name="special">
+      <label for"special">include special chars</label>
    </div>
+
    <div>
-      <label for"pw">your password</label>
+      <label for="pw">your password</label>
      <input type="text" id="pw" name="pw">
    </div>
+
    <div>
-      <button id="copy">copy to clipboard</button><button id="new">give me an other one</button>
+      <button id="copy" style="margin-left: 0;">copy to clipboard</button><button id="new">give me an other one</button>
    </div>
+
+    <hr>
+
    <div>
-      <label for"directcopy">direct copy</label>
      <input type="checkbox" id="directcopy" name="directcopy" title="next time when i click the button, copy the new password immediately to the clipboard">
+      <label for="directcopy">direct copy</label>
    </div>
+
  </form>
  <script src="pwgen.js"></script>
 </body>
Author	SHA1	Message	Date
s2	9cf67b5dec	v1.1.4	2017-11-21 08:21:57 +01:00
s2	736367738f	make form nicer	2017-11-21 08:21:39 +01:00