Move dump button

CHANGELOG.md

@@ -1,3 +1,8 @@
+seaweedchan:
+- Hide stub link added in menus of stubs
+- #dump-button moved into #qr-filename-container as a simple + link
+- QR with 4chan Pass made a little wider
+
 ### 1.1.17 - 2013-05-08
 seaweedchan:
 - Bug fixes

LICENSE

@@ -1,5 +1,5 @@
 /*
-* 4chan X - Version 1.1.17 - 2013-05-08
+* 4chan X - Version 1.1.17 - 2013-05-09
 *
 * Licensed under the MIT license.
 * https://github.com/seaweedchan/4chan-x/blob/master/LICENSE

src/General/css/style.css

@@ -619,7 +619,7 @@ a.hide-announcement {
   position: fixed;
   padding: 1px;
   border: 1px solid transparent;
-  min-width: 248px;
+  min-width: 300px;
   border-radius: 3px 3px 0 0;
 }
 #qrtab {
@@ -648,17 +648,17 @@ a.hide-announcement {
   min-width: 100%;
 }
 #dump-button {
-  background: linear-gradient(#EEE, #CCC);
-  border: 1px solid #CCC; 
   width: 10%;
   margin: 0;
+  margin-right: 4px;
   font: 13px sans-serif;
   padding: 1px 0px 2px;
+  opacity: 0.6;
 }
 .persona .field:not(#dump) {
   width: 95px;
-  min-width: 30%;
+  min-width: 33.3%;
-  max-width: 30%;
+  max-width: 33.3%;
 }
 #qr textarea.field {
   height: 14.8em;
@@ -712,7 +712,7 @@ input.field.tripped:not(:hover):not(:focus) {
   margin-bottom: 2px;
   overflow: hidden;
   text-overflow: ellipsis;
-  max-width: 90%;
+  max-width: 89%;
 }
 #qr-no-file {
   color: #AAA;
@@ -733,11 +733,11 @@ input.field.tripped:not(:hover):not(:focus) {
 #qr-filename-container:hover {
   cursor: text;
 }
+#qr-extras-container {
+  position: absolute;
+  right: 0px;
+}
 #qr-filerm {
-  position: relative;
-  bottom: 1px;
-  display: inline;
-  float: right;
   margin-right: 2px;
   z-index: 2;
 }

src/General/html/Features/QuickReply.html

@@ -10,7 +10,6 @@
 </div>
 <form>
   <div class=persona>
-    <input id=dump-button type=button title='Dump list' value=+ tabindex=0>
     <input name=name  data-name=name  list="list-name" placeholder=Name    class=field size=1 tabindex=10>
     <input name=email data-name=email list="list-email" placeholder=E-mail  class=field size=1 tabindex=20>
     <input name=sub   data-name=sub   list="list-sub" placeholder=Subject class=field size=1 tabindex=30>
@@ -27,9 +26,12 @@
     <span id=qr-filename-container class=field tabindex=60>
       <span id=qr-no-file>No selected file</span>
       <span id=qr-filename></span>
-      <a id=qr-filerm href=javascript:; title='Remove file' tabindex=80>×</a>
+      <span id=qr-extras-container>
+        <a id=qr-filerm href=javascript:; title='Remove file'>×</a>
+        <a id=dump-button title='Dump list'>+</a>
+      </span>
     </span>
-    <input type=submit tabindex=70>
+    <input type=submit tabindex=60>
   </div>
   <input type=file multiple>
   <label id=qr-spoiler-label>

src/Posting/QuickReply.coffee

@@ -886,6 +886,7 @@ QR =
       fileSubmit: $ '#file-n-submit',    dialog
       filename:   $ '#qr-filename',      dialog
       fileRM:     $ '#qr-filerm',        dialog
+      fileExtras: $ '#qr-extras-container', dialog
       spoiler:    $ '#qr-file-spoiler',  dialog
       status:     $ '[type=submit]',     dialog
       fileInput:  $ '[type=file]',       dialog
@@ -948,9 +949,8 @@ QR =
     $.on nodes.dumpButton, 'click',  -> nodes.el.classList.toggle 'dump'
     $.on nodes.addPost,    'click',  -> new QR.post true
     $.on nodes.form,       'submit', QR.submit
-    $.on nodes.fileRM,     'click',  (e) -> 
+    $.on nodes.fileRM,     'click', -> QR.selected.rmFile()
-      e.stopPropagation()
+    $.on nodes.fileExtras, 'click', (e) -> e.stopPropagation()
-      QR.selected.rmFile()
     $.on nodes.spoiler,    'change', -> QR.selected.nodes.spoiler.click()
     $.on nodes.fileInput,  'change', QR.fileInput
     # save selected post's data