diff --git a/4chan_x.user.js b/4chan_x.user.js
index 4669db24e..e74a0f991 100644
--- a/4chan_x.user.js
+++ b/4chan_x.user.js
@@ -1317,8 +1317,9 @@
_this = this;
_ref = (previous = qr.replies[qr.replies.length - 1]) ? [previous.name, /^sage$/.test(previous.email) ? null : previous.email, conf['Remember Subject'] ? previous.sub : null] : [$.get("qr_name", null), $.get("qr_email", null), conf['Remember Subject'] ? $.get("qr_sub", null) : null], this.name = _ref[0], this.email = _ref[1], this.sub = _ref[2];
this.com = null;
- this.el = $.el('li', {
+ this.el = $.el('a', {
className: 'preview',
+ href: 'javascript:;',
innerHTML: 'x'
});
$.on(this.el, 'click', function() {
@@ -1386,7 +1387,7 @@
}
});
qr.mimeTypes = mimeTypes.split(', ');
- qr.el = ui.dialog('qr', 'top:0;right:0;', "
");
+ qr.el = ui.dialog('qr', 'top:0;right:0;', "");
if (!g.REPLY) {
$.on($('select', qr.el), 'mousedown', function(e) {
return e.stopPropagation();
diff --git a/script.coffee b/script.coffee
index dced6506c..756d5d2b8 100644
--- a/script.coffee
+++ b/script.coffee
@@ -988,8 +988,9 @@ qr =
if conf['Remember Subject'] then $.get("qr_sub", null) else null
]
@com = null
- @el = $.el 'li',
+ @el = $.el 'a',
className: 'preview'
+ href: 'javascript:;'
innerHTML: 'x'
$.on @el, 'click', => @select()
@setFile file if file
@@ -1044,7 +1045,7 @@ qr =
#qr > .move > span {
float: right;
}
-#autohide, .close, #qr select, #dump, .captcha {
+#autohide, .close, #addReply, #qr select, #dump, .captcha {
cursor: pointer;
}
#qr select,
@@ -1078,21 +1079,21 @@ qr =
height: 100px;
position: relative;
}
-#replies > ol {
+#replies > div {
top: 0; right: 0; bottom: 0; left: 0;
margin: 0; padding: 0;
overflow: hidden;
position: absolute;
white-space: pre;
}
-#replies > ol:hover {
+#replies > div:hover {
overflow-x: auto;
}
.preview {
background-color: rgba(0,0,0,.2);
background-position: 50% 20%;
background-size: cover;
- border: 1px solid #000;
+ border: 1px solid #666;
box-sizing: border-box;
color: #FFF;
cursor: pointer;
@@ -1108,7 +1109,7 @@ qr =
transition: opacity .25s;
vertical-align: top;
}
-.preview:hover {
+.preview:hover, .preview:focus {
opacity: .9;
}
.preview#selected {
@@ -1119,6 +1120,14 @@ qr =
font-weight: 700;
padding: 3px;
}
+#addReply {
+ color: #333;
+ font-size: 3.5em;
+ line-height: 100px;
+}
+#addReply:hover, #addReply:focus {
+ color: #000;
+}
.field {
border: 1px solid #CCC;
color: #333;
@@ -1170,7 +1179,7 @@ textarea.field {