Goyslop/4chan-x
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Dealing with inputs' width in a fixed position element is such a pain in the ass.

Browse Source
This commit is contained in:
Nicolas Stepien 2011-12-30 04:39:46 +01:00
parent c637ee308b
commit 705cbc05da
2 changed files with 63 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

33
4chan_x.user.js
View File

@ -1253,6 +1253,29 @@
min-width: 300px;\ min-width: 300px;\
text-align: right;\ text-align: right;\
}\ }\
.fields > input {\
border: 1px solid #AAA;\
margin: 0;\
padding: 2px 4px 3px;\
width: 100px;\
}\
#form > textarea {\
font-family: sans-serif;\
border-color: #AAA;\
border-width: 1px 0;\
margin: 0;\
padding: 2px 4px 3px;\
min-height: 120px;\
width: 100%;\
}\
.captcha {\
background: #FFF;\
text-align: center;\
}\
.captcha > img {\
height: 57px;\
width: 300px;\
}\
</style>\ </style>\
\ \
<div class=move>\ <div class=move>\
@ -1260,8 +1283,14 @@
<a class=close>⨯</a>\ <a class=close>⨯</a>\
</div>\ </div>\
<div id=form>\ <div id=form>\
<input name=name><input name=email><input name=subject>\ <div class=fields>\
<textarea></textarea>\ <input name=name title=Name placeholder=Name>\
<input name=email title=E-mail placeholder=E-mail>\
<input name=subject title=Subject placeholder=Subject>\
</div>\
<textarea title=Comment placeholder=Comment></textarea>\
<div class=captcha><img></div>\
<input name=captcha title=Verification placeholder=Verification>\
</div>'); </div>');
$.on($('#autohide', qr.el), 'click', qr.hide); $.on($('#autohide', qr.el), 'click', qr.hide);
$.on($('.close', qr.el), 'click', qr.close); $.on($('.close', qr.el), 'click', qr.close);

34
script.coffee
View File

@ -887,6 +887,7 @@ qr =
if this.checked if this.checked
$.addClass qr.el, 'autohide' $.addClass qr.el, 'autohide'
else else
$.removeClass qr.el, 'autohide' $.removeClass qr.el, 'autohide'
close: -> close: ->
@ -922,6 +923,29 @@ qr =
min-width: 300px; min-width: 300px;
text-align: right; text-align: right;
} }
.fields > input {
border: 1px solid #AAA;
margin: 0;
padding: 2px 4px 3px;
width: 100px;
}
#form > textarea {
font-family: sans-serif;
border-color: #AAA;
border-width: 1px 0;
margin: 0;
padding: 2px 4px 3px;
min-height: 120px;
width: 100%;
}
.captcha {
background: #FFF;
text-align: center;
}
.captcha > img {
height: 57px;
width: 300px;
}
</style> </style>
<div class=move> <div class=move>
@ -929,8 +953,14 @@ qr =
<a class=close>⨯</a> <a class=close>⨯</a>
</div> </div>
<div id=form> <div id=form>
<input name=name><input name=email><input name=subject> <div class=fields>
<textarea></textarea> <input name=name title=Name placeholder=Name>
<input name=email title=E-mail placeholder=E-mail>
<input name=subject title=Subject placeholder=Subject>
</div>
<textarea title=Comment placeholder=Comment></textarea>
<div class=captcha><img></div>
<input name=captcha title=Verification placeholder=Verification>
</div>' </div>'
$.on $('#autohide', qr.el), 'click', qr.hide $.on $('#autohide', qr.el), 'click', qr.hide
$.on $('.close', qr.el), 'click', qr.close $.on $('.close', qr.el), 'click', qr.close