From 7a756dce2673ff9ef6889b4a7a3b42555369f14e Mon Sep 17 00:00:00 2001
From: James Campos <james.r.campos@gmail.com>
Date: Tue, 20 Sep 2011 19:50:55 -0700
Subject: [PATCH] autohide working

---
 4chan_x.user.js |  4 ++--
 script.coffee   | 48 +++++++++++++++++++++++++-----------------------
 2 files changed, 27 insertions(+), 25 deletions(-)

diff --git a/4chan_x.user.js b/4chan_x.user.js
index 51d7e3497..4618d278b 100644
--- a/4chan_x.user.js
+++ b/4chan_x.user.js
@@ -1363,7 +1363,7 @@
         text = '';
       }
       tid || (tid = g.THREAD_ID || '');
-      QR.qr = qr = ui.dialog('qr', 'top: 0; left: 0;', "    <a class=close>X</a>    <input type=checkbox id=autohide title=autohide>    <div class=move>      <span class=click>        <button>File</button>        <input form=qr_form placeholder=Subject name=sub>        <input form=qr_form placeholder=Name name=name>        <input form=qr_form placeholder=Email name=email>      </span>    </div>    <textarea form=qr_form placeholder=Comment name=com></textarea>    <div id=files></div>    <form enctype=multipart/form-data method=post action=http://sys.4chan.org/" + g.BOARD + "/post target=iframe id=qr_form>      <div hidden>        <input name=pwd>        <input name=mode value=regist>        <input name=recaptcha_challenge_field id=challenge>        <input name=recaptcha_response_field id=response>      </div>      <div id=captcha>        <div><img></div>        <span id=cl>120 Captchas</span>        <input id=recaptcha_response_field autocomplete=off>      </div>      <div>        <button>Submit</button>        " + (g.REPLY ? "<label>[<input type=checkbox id=autopost title=autopost> Autopost]</label>" : '') + "        <input form=qr_form placeholder=Thread name=resto value=" + tid + " " + (g.REPLY ? 'hidden' : '') + ">        " + QR.spoiler + "      </div>      <a class=error></a>    </form>    ");
+      QR.qr = qr = ui.dialog('qr', 'top: 0; left: 0;', "    <a class=close>X</a>    <input type=checkbox id=autohide title=autohide>    <div class=move>      <span class=click>        <button>File</button>        <input form=qr_form placeholder=Subject name=sub>        <input form=qr_form placeholder=Name name=name>        <input form=qr_form placeholder=Email name=email>      </span>    </div>    <div class=autohide>      <textarea form=qr_form placeholder=Comment name=com></textarea>      <div id=files></div>      <form enctype=multipart/form-data method=post action=http://sys.4chan.org/" + g.BOARD + "/post target=iframe id=qr_form>        <div hidden>          <input name=pwd>          <input name=mode value=regist>          <input name=recaptcha_challenge_field id=challenge>          <input name=recaptcha_response_field id=response>        </div>        <div id=captcha>          <div><img></div>          <span id=cl>120 Captchas</span>          <input id=recaptcha_response_field autocomplete=off>        </div>        <div>          <button>Submit</button>          " + (g.REPLY ? "<label>[<input type=checkbox id=autopost title=autopost> Autopost]</label>" : '') + "          <input form=qr_form placeholder=Thread name=resto value=" + tid + " " + (g.REPLY ? 'hidden' : '') + ">          " + QR.spoiler + "        </div>      </form>    </div>    <a class=error></a>    ");
       c = d.cookie;
       $('[name=name]', qr).value = (m = c.match(/4chan_name=([^;]+)/)) ? decodeURIComponent(m[1]) : '';
       $('[name=email]', qr).value = (m = c.match(/4chan_email=([^;]+)/)) ? decodeURIComponent(m[1]) : '';
@@ -3114,7 +3114,7 @@
       #qr form {\
         margin: 0;\
       }\
-      #qr:not(:hover) #autohide:checked ~ form {\
+      #qr:not(:hover) #autohide:checked ~ .autohide {\
         height: 0;\
         overflow: hidden;\
       }\
diff --git a/script.coffee b/script.coffee
index cd042876d..b2f80e9e8 100644
--- a/script.coffee
+++ b/script.coffee
@@ -1052,28 +1052,30 @@ QR =
         <input form=qr_form placeholder=Email name=email>
       </span>
     </div>
-    <textarea form=qr_form placeholder=Comment name=com></textarea>
-    <div id=files></div>
-    <form enctype=multipart/form-data method=post action=http://sys.4chan.org/#{g.BOARD}/post target=iframe id=qr_form>
-      <div hidden>
-        <input name=pwd>
-        <input name=mode value=regist>
-        <input name=recaptcha_challenge_field id=challenge>
-        <input name=recaptcha_response_field id=response>
-      </div>
-      <div id=captcha>
-        <div><img></div>
-        <span id=cl>120 Captchas</span>
-        <input id=recaptcha_response_field autocomplete=off>
-      </div>
-      <div>
-        <button>Submit</button>
-        #{if g.REPLY then "<label>[<input type=checkbox id=autopost title=autopost> Autopost]</label>" else ''}
-        <input form=qr_form placeholder=Thread name=resto value=#{tid} #{if g.REPLY then 'hidden' else ''}>
-        #{QR.spoiler}
-      </div>
-      <a class=error></a>
-    </form>
+    <div class=autohide>
+      <textarea form=qr_form placeholder=Comment name=com></textarea>
+      <div id=files></div>
+      <form enctype=multipart/form-data method=post action=http://sys.4chan.org/#{g.BOARD}/post target=iframe id=qr_form>
+        <div hidden>
+          <input name=pwd>
+          <input name=mode value=regist>
+          <input name=recaptcha_challenge_field id=challenge>
+          <input name=recaptcha_response_field id=response>
+        </div>
+        <div id=captcha>
+          <div><img></div>
+          <span id=cl>120 Captchas</span>
+          <input id=recaptcha_response_field autocomplete=off>
+        </div>
+        <div>
+          <button>Submit</button>
+          #{if g.REPLY then "<label>[<input type=checkbox id=autopost title=autopost> Autopost]</label>" else ''}
+          <input form=qr_form placeholder=Thread name=resto value=#{tid} #{if g.REPLY then 'hidden' else ''}>
+          #{QR.spoiler}
+        </div>
+      </form>
+    </div>
+    <a class=error></a>
     "
     #$.bind $('#attach', qr), 'click', QR.attach
     #XXX use dom methods to set values instead of injecting raw user input into your html -_-;
@@ -2448,7 +2450,7 @@ Main =
       #qr form {
         margin: 0;
       }
-      #qr:not(:hover) #autohide:checked ~ form {
+      #qr:not(:hover) #autohide:checked ~ .autohide {
         height: 0;
         overflow: hidden;
       }