diff --git a/4chan_x.user.js b/4chan_x.user.js
index 1c48475f0..3a05394c7 100644
--- a/4chan_x.user.js
+++ b/4chan_x.user.js
@@ -1259,20 +1259,20 @@
}
},
attach: function() {
- var div, file, files;
+ var box, file, files;
files = $('#files', QR.qr);
- div = $.el('div', {
+ box = $.el('span', {
innerHTML: "
X"
});
- file = $('input', div);
+ file = $('input', box);
$.bind(file, 'change', QR.change);
- $.bind($('img', div), 'click', function() {
+ $.bind($('img', box), 'click', function() {
return this.previousSibling.click();
});
- $.bind($('.x', div), 'click', function() {
+ $.bind($('.x', box), 'click', function() {
return $.rm(this.parentNode);
});
- $.add(files, div);
+ $.add(files, box);
return file.click();
},
captchaNode: function(e) {
@@ -3132,6 +3132,14 @@
#qr #captcha {\
position: relative;\
}\
+ #qr #files {\
+ width: 300px;\
+ white-space: nowrap;\
+ overflow: auto;\
+ }\
+ #qr #files span {\
+ position: relative;\
+ }\
#qr #files a {\
position: absolute;\
left: 0;\
diff --git a/script.coffee b/script.coffee
index 0ac5948f5..5fa4186cc 100644
--- a/script.coffee
+++ b/script.coffee
@@ -969,13 +969,13 @@ QR =
attach: ->
#$('#autopost', QR.qr).checked = true
files = $ '#files', QR.qr
- div = $.el 'div',
+ box = $.el 'span',
innerHTML: "
X"
- file = $ 'input', div
+ file = $ 'input', box
$.bind file, 'change', QR.change
- $.bind $('img', div), 'click', -> @previousSibling.click()
- $.bind $('.x', div), 'click', -> $.rm @parentNode
- $.add files, div
+ $.bind $('img', box), 'click', -> @previousSibling.click()
+ $.bind $('.x', box), 'click', -> $.rm @parentNode
+ $.add files, box
file.click()
captchaNode: (e) ->
QR.captcha =
@@ -2449,6 +2449,14 @@ main =
#qr #captcha {
position: relative;
}
+ #qr #files {
+ width: 300px;
+ white-space: nowrap;
+ overflow: auto;
+ }
+ #qr #files span {
+ position: relative;
+ }
#qr #files a {
position: absolute;
left: 0;