I had to turn off my 4chan Pass once and it was terrible.

This commit is contained in:
Zixaphir 2013-04-12 00:31:45 -07:00
parent c95e09249e
commit 84fd1b7b55
5 changed files with 31 additions and 21 deletions

File diff suppressed because one or more lines are too long

View File

@ -1157,7 +1157,7 @@ if _conf['Compact Post Form Inputs'] then "
height: 14.8em; height: 14.8em;
min-height: 9em; min-height: 9em;
} }
#qr.captcha textarea.field { #qr.has-captcha textarea.field {
height: 9em; height: 9em;
} }
@ -1174,7 +1174,7 @@ if _conf['Compact Post Form Inputs'] then "
height: 11.6em; height: 11.6em;
min-height: 6em; min-height: 6em;
} }
#qr.captcha textarea.field { #qr.has-captcha textarea.field {
height: 6em; height: 6em;
}" }"
} }
@ -1190,16 +1190,16 @@ input.field.tripped:not(:hover):not(:focus) {
#qr textarea { #qr textarea {
resize: #{_conf['Textarea Resize']}; resize: #{_conf['Textarea Resize']};
} }
.captchaimg { .captcha-img {
margin: 1px 0 0; margin: 1px 0 0;
text-align: center; text-align: center;
} }
.captchaimg img { .captcha-img img {
width: 100%; width: 100%;
height: 4em; height: 4em;
width: 246px; width: 246px;
} }
.captchainput .field { .captcha-input {
width: 100%; width: 100%;
margin: 1px 0 0; margin: 1px 0 0;
} }

View File

@ -57,7 +57,7 @@ html {
border-color: #{theme["Reply Border"]}; border-color: #{theme["Reply Border"]};
border-style: solid; border-style: solid;
} }
.captchaimg img { .captcha-img img {
#{Style.filter theme["Text"], theme["Input Background"]} #{Style.filter theme["Text"], theme["Input Background"]}
} }
#boardTitle, #boardTitle,
@ -116,7 +116,7 @@ span[style="left: 5px; position: absolute;"] a {
#dump, #dump,
#qr-filename-container, #qr-filename-container,
#appchanx-settings input, #appchanx-settings input,
.captchaimg, .captcha-img,
.dump #dump:not(:hover):not(:focus), .dump #dump:not(:hover):not(:focus),
.qr-preview, .qr-preview,
.selectrice, .selectrice,

View File

@ -103,13 +103,13 @@ Style =
filter: (text, background) -> filter: (text, background) ->
matrix = (fg, bg) -> " matrix = (fg, bg) -> "
#{bg.r} #{-fg.r} 0 0 #{fg.r} #{bg.r} #{-fg.r} 0 0 #{fg.r}
#{bg.g} #{-fg.g} 0 0 #{fg.g} #{bg.g} #{-fg.g} 0 0 #{fg.g}
#{bg.b} #{-fg.b} 0 0 #{fg.b} #{bg.b} #{-fg.b} 0 0 #{fg.b}
" "
fgHex = Style.colorToHex(text) or 'ffffff' fgHex = Style.colorToHex(text)
bgHex = Style.colorToHex(background) or '000000' bgHex = Style.colorToHex(background)
string = matrix { string = matrix {
r: parseInt(fgHex.substr(0, 2), 16) / 255 r: parseInt(fgHex.substr(0, 2), 16) / 255
g: parseInt(fgHex.substr(2, 2), 16) / 255 g: parseInt(fgHex.substr(2, 2), 16) / 255
@ -120,7 +120,7 @@ Style =
b: parseInt(bgHex.substr(4, 2), 16) / 255 b: parseInt(bgHex.substr(4, 2), 16) / 255
} }
return "filter: url(\"data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg'><filter id='filters' color-interpolation-filters='sRGB'><feColorMatrix values='#{string} 0 0 0 1 0' /></filter></svg>#filters\");" return """filter: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg'><filter id='filters' color-interpolation-filters='sRGB'><feColorMatrix values='#{string} 0 0 0 1 0' /></filter></svg>#filters");"""
layout: -> layout: ->
_conf = Conf _conf = Conf

View File

@ -638,6 +638,7 @@ QR =
title: 'Verification' title: 'Verification'
autocomplete: 'off' autocomplete: 'off'
spellcheck: false spellcheck: false
tabindex: 55
@nodes = @nodes =
challenge: $.id 'recaptcha_challenge_field_holder' challenge: $.id 'recaptcha_challenge_field_holder'
img: imgContainer.firstChild img: imgContainer.firstChild
@ -652,6 +653,8 @@ QR =
$.on imgContainer, 'click', @reload.bind @ $.on imgContainer, 'click', @reload.bind @
$.on input, 'keydown', @keydown.bind @ $.on input, 'keydown', @keydown.bind @
$.on input, 'focus', -> $.addClass QR.nodes.el, 'focus'
$.on input, 'blur', -> $.rmClass QR.nodes.el, 'focus'
$.get 'captchas', [], (item) => $.get 'captchas', [], (item) =>
@sync item['captchas'] @sync item['captchas']
$.sync 'captchas', @sync $.sync 'captchas', @sync
@ -659,7 +662,7 @@ QR =
@reload() @reload()
$.addClass QR.nodes.el, 'has-captcha' $.addClass QR.nodes.el, 'has-captcha'
$.after QR.nodes.com.parentNode, [imgContainer, input] $.after QR.nodes.dumpList.parentElement, [imgContainer, input]
sync: (@captchas) -> sync: (@captchas) ->
QR.captcha.count() QR.captcha.count()