From bba678a8b1955b53e99b55d5025360c5c8c5b6b5 Mon Sep 17 00:00:00 2001
From: James Campos <james.r.campos@gmail.com>
Date: Sat, 7 May 2011 15:55:59 -0700
Subject: [PATCH] push titlebar down

---
 4chan_x.js    | 12 +++++++++---
 script.coffee | 19 ++++++++++++++-----
 2 files changed, 23 insertions(+), 8 deletions(-)

diff --git a/4chan_x.js b/4chan_x.js
index ba90d4612..b381115ef 100644
--- a/4chan_x.js
+++ b/4chan_x.js
@@ -171,7 +171,7 @@
       } else {
         el.style.bottom = '0px';
       }
-      el.querySelector('div.move').addEventListener('mousedown', ui.dragstart, true);
+      el.querySelector('div.move').addEventListener('mousedown', ui.dragstart, false);
       if ((_ref3 = el.querySelector('div.move a[name=close]')) != null) {
         _ref3.addEventListener('click', (function() {
           return el.parentNode.removeChild(el);
@@ -1132,11 +1132,14 @@
       var MAX_FILE_SIZE, THREAD_ID, clone, dialog, el, form, html, spoiler;
       MAX_FILE_SIZE = $('input[name="MAX_FILE_SIZE"]').value;
       THREAD_ID = g.THREAD_ID || link.pathname.split('/').pop();
-      html = "      <div class=move><span id=error class=error></span><input type=checkbox id=autohide title=autohide> <a name=close title=close>X</a></div>      <form name=post action=http://sys.4chan.org/" + g.BOARD + "/post method=POST enctype=multipart/form-data target=iframe>        <input type=hidden name=MAX_FILE_SIZE value=" + MAX_FILE_SIZE + ">        <input type=hidden name=resto value=" + THREAD_ID + ">        <div><input class=inputtext type=text name=name placeholder=Name></div>        <div><input class=inputtext type=text name=email placeholder=E-mail></div>        <div><input class=inputtext type=text name=sub placeholder=Subject><input type=submit value=Submit id=com_submit></div>        <div><textarea class=inputtext name=com placeholder=Comment></textarea></div>        <div id=qr_captcha></div>        <div><input type=file name=upfile></div>        <div><input class=inputtext type=password name=pwd maxlength=8 placeholder=Password><input type=hidden name=mode value=regist></div>      </form>      ";
+      html = "      <div class=move>        <input class=inputtext type=text name=name placeholder=Name form=qr_form>        Quick Reply        <input type=checkbox id=autohide title=autohide>        <a name=close title=close>X</a>      </div>      <form name=post action=http://sys.4chan.org/" + g.BOARD + "/post method=POST enctype=multipart/form-data target=iframe id=qr_form>        <input type=hidden name=MAX_FILE_SIZE value=" + MAX_FILE_SIZE + ">        <input type=hidden name=resto value=" + THREAD_ID + ">        <div><input class=inputtext type=text name=email placeholder=E-mail></div>        <div><input class=inputtext type=text name=sub placeholder=Subject><input type=submit value=Submit id=com_submit></div>        <div><textarea class=inputtext name=com placeholder=Comment></textarea></div>        <div id=qr_captcha></div>        <div><input type=file name=upfile></div>        <div><input class=inputtext type=password name=pwd maxlength=8 placeholder=Password><input type=hidden name=mode value=regist></div>      </form>      ";
       dialog = ui.dialog('qr', {
         top: '0px',
         left: '0px'
       }, html);
+      $.bind($('input[name=name]', dialog), 'mousedown', function(e) {
+        return e.stopPropagation();
+      });
       el = $('#autohide', dialog);
       $.bind(el, 'click', qr.cb.autohide);
       if ($('.postarea label')) {
@@ -2274,10 +2277,13 @@
       #qr > div.move {\
         text-align: right;\
       }\
+      #qr > div.move > input[name=name] {\
+        float: left;\
+      }\
       #qr #recaptcha_table td:nth-of-type(3) {/* captcha logos */\
         display: none;\
       }\
-      #qr form {\
+      #qr {\
         width: 302px;\
       }\
       #qr form, #qr #com_submit, #qr input[type="file"] {\
diff --git a/script.coffee b/script.coffee
index 4f9194936..117e47d4e 100644
--- a/script.coffee
+++ b/script.coffee
@@ -95,7 +95,7 @@ ui =
     top  = localStorage["#{id}Top"]  ? top
     if left then el.style.left = left else el.style.right  = '0px'
     if top  then el.style.top  = top  else el.style.bottom = '0px'
-    el.querySelector('div.move').addEventListener 'mousedown', ui.dragstart, true
+    el.querySelector('div.move').addEventListener 'mousedown', ui.dragstart, false
     el.querySelector('div.move a[name=close]')?.addEventListener 'click',
       (-> el.parentNode.removeChild(el)), true
     el
@@ -872,11 +872,15 @@ qr =
     MAX_FILE_SIZE = $('input[name="MAX_FILE_SIZE"]').value
     THREAD_ID = g.THREAD_ID or link.pathname.split('/').pop()
     html = "
-      <div class=move><span id=error class=error></span><input type=checkbox id=autohide title=autohide> <a name=close title=close>X</a></div>
-      <form name=post action=http://sys.4chan.org/#{g.BOARD}/post method=POST enctype=multipart/form-data target=iframe>
+      <div class=move>
+        <input class=inputtext type=text name=name placeholder=Name form=qr_form>
+        Quick Reply
+        <input type=checkbox id=autohide title=autohide>
+        <a name=close title=close>X</a>
+      </div>
+      <form name=post action=http://sys.4chan.org/#{g.BOARD}/post method=POST enctype=multipart/form-data target=iframe id=qr_form>
         <input type=hidden name=MAX_FILE_SIZE value=#{MAX_FILE_SIZE}>
         <input type=hidden name=resto value=#{THREAD_ID}>
-        <div><input class=inputtext type=text name=name placeholder=Name></div>
         <div><input class=inputtext type=text name=email placeholder=E-mail></div>
         <div><input class=inputtext type=text name=sub placeholder=Subject><input type=submit value=Submit id=com_submit></div>
         <div><textarea class=inputtext name=com placeholder=Comment></textarea></div>
@@ -886,6 +890,8 @@ qr =
       </form>
       "
     dialog = ui.dialog 'qr', top: '0px', left: '0px', html
+
+    $.bind $('input[name=name]', dialog), 'mousedown', (e) -> e.stopPropagation()
     el = $ '#autohide', dialog
     $.bind el, 'click', qr.cb.autohide
 
@@ -1792,10 +1798,13 @@ main =
       #qr > div.move {
         text-align: right;
       }
+      #qr > div.move > input[name=name] {
+        float: left;
+      }
       #qr #recaptcha_table td:nth-of-type(3) {/* captcha logos */
         display: none;
       }
-      #qr form {
+      #qr {
         width: 302px;
       }
       #qr form, #qr #com_submit, #qr input[type="file"] {