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;', "
Quick Reply " + (g.REPLY ? '' : threads) + " x
    +
"); + qr.el = ui.dialog('qr', 'top:0;right:0;', "
Quick Reply " + (g.REPLY ? '' : threads) + " x
+
"); 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 {
-
    +
+
+