s2/pwgen-reloaded
1
0
Fork 0
mirror of https://github.com/S2-/pwgen.git synced 2025-08-02 08:50:04 +02:00
Code Issues Releases Wiki Activity

Layout fine-tuning

Browse Source
This commit is contained in:
Age Bosma
2017-11-26 19:20:32 +01:00
committed by Age Bosma
parent 4a8f31eb7c
commit 5db228d472
2 changed files with 30 additions and 17 deletions
Download Patch File Download Diff File Expand all files Collapse all files

15
src/popup/pwgen.css
View File

@@ -20,12 +20,27 @@ input[type="number"] {
font-family: inherit; font-family: inherit;
font-size: inherit; font-size: inherit;
padding: 5px 10px; padding: 5px 10px;
width: 50px;
}
#length-min {
margin-right: 10px;
} }
input[type="checkbox"] { input[type="checkbox"] {
margin-bottom: -7px; margin-bottom: -7px;
} }
#pw {
border: 2px black solid;
width: 250px;
}
#copy {
margin-left: 0px;
}
.copied { .copied {
/*height: 100%;*/ /*height: 100%;*/
width: 100%; width: 100%;

32
src/popup/pwgen.html
View File

@@ -10,35 +10,33 @@
</head> </head>
<body> <body>
<div class="copied" style="display: none;">password copied to clipboard</div> <div class="copied" style="display: none;">Password copied to clipboard</div>
<form> <form>
<div> <div>
<label>length</label>
<label for="length-min">min <input type="number" id="length-min" value="14" min="0" name="length-min" style="width: 50px;"></label>
<label for="length-max">max <input type="number" id="length-max" value="18" min="0" name="length-max" style="width: 50px;"></label>
</div>
<div>
<input type="checkbox" id="special" checked="checked" name="special">
<label for="special">include special chars</label>
</div>
<div>
<label for="pw">your password</label>
<input type="text" id="pw" name="pw"> <input type="text" id="pw" name="pw">
</div> </div>
<div> <div>
<button id="copy" style="margin-left: 0;">copy to clipboard</button><button id="new">give me an other one</button> <label>Length: </label>
<label for="length-min">min.</label> <input type="number" id="length-min" value="14" min="0" name="length-min">
<label for="length-max">max.</label> <input type="number" id="length-max" value="18" min="0" name="length-max">
</div>
<div>
<input type="checkbox" id="special" checked="checked" name="special">
<label for="special">Include special characters</label>
</div>
<div>
<button id="copy">Copy to clipboard</button><button id="new">Generate another</button>
</div> </div>
<hr> <hr>
<div> <div>
<input type="checkbox" id="directcopy" name="directcopy" title="next time when i click the button, copy the new password immediately to the clipboard"> <input type="checkbox" id="directcopy" name="directcopy" title="The next time the toolbar button is clicked, the password is copied to the clipboard directly">
<label for="directcopy">direct copy</label> <label for="directcopy">Copy directly</label>
</div> </div>
</form> </form>