Skip to content

Commit

Permalink
Add style for width of inputs
Browse files Browse the repository at this point in the history
I have been satisfied with the default width of inputs until using
the page in Firefox on Ubuntu 12.04, where inputs are too large
by default and the text of the form had too many line breaks.

I added styles for the width of inputs to get a more consistent
experience across operating systems and browsers.
  • Loading branch information
eric-brechemier committed Dec 15, 2012
1 parent e335eb9 commit 64c5e30
Show file tree
Hide file tree
Showing 3 changed files with 12 additions and 3 deletions.
1 change: 1 addition & 0 deletions README.txt
Original file line number Diff line number Diff line change
Expand Up @@ -121,6 +121,7 @@ HISTORY
2012-05-07, Completed support for size S using ASCII85 encoding of MD5
2012-07-21, Added support for sizes XS and XXS using CRC32 and CRC8
2012-08-04, Use scope() from scope-or-not project to declare modules
2012-12-15, Added styles for width of inputs
XXXX-XX-XX, Use Passwordia font to conceal inputs and passwords by default
XXXX-XX-XX, Add color hash as visual indicator in stealth mode

10 changes: 9 additions & 1 deletion css/style.css
Original file line number Diff line number Diff line change
Expand Up @@ -4,7 +4,7 @@
* Author: Eric Bréchemier <github@eric.brechemier.name>
* License: Creative Commons Attribution 3.0 Unported
* http://creativecommons.org/licenses/by/3.0/
* Version: 2012-08-03
* Version: 2012-12-15
*/

html, body, h1, h2, h3, p, span, em, strong, fieldset, legend, label, ul, li {
Expand Down Expand Up @@ -120,6 +120,14 @@ fieldset li:before {
content: "";
}

input {
width: 12em;
}

input.sentence {
width: 18em;
}

.password {
/* a width must be declared for overflow in parent li */
width: 40em;
Expand Down
4 changes: 2 additions & 2 deletions index.html
Original file line number Diff line number Diff line change
Expand Up @@ -11,7 +11,7 @@
<meta name="keywords" content="password online tools security opensource"/>
<link rel="schema.DCTERMS" href="http://purl.org/dc/terms/" />
<meta name="DC.creator" content="Eric Bréchemier" />
<meta name="DC.date" content="2012-08-04" />
<meta name="DC.date" content="2012-12-15" />
<meta name="DC.rights" content="CC-BY Eric Bréchemier" />
<meta name="DC.rights" scheme="DCTERMS.URI" content=
"http://creativecommons.org/licenses/by-nc-sa/3.0/" />
Expand Down Expand Up @@ -54,7 +54,7 @@ <h1>Enlarge Your Password!</h1>
<p>
<label for="openquestion">Future Self, this question is for you:</label>
<input type="text" name="openquestion" autocomplete="off"
placeholder="Is it really you" />?”
placeholder="Is it really you" class="sentence" />?”
I fear there might be no answer.
</p>
</fieldset>
Expand Down

0 comments on commit 64c5e30

Please sign in to comment.