diff options
-rw-r--r-- | juick-www/src/main/static/photo-attachment-active.png | bin | 267 -> 0 bytes | |||
-rw-r--r-- | juick-www/src/main/static/photo-attachment.png | bin | 234 -> 0 bytes | |||
-rw-r--r-- | juick-www/src/main/static/scripts.js | 4 | ||||
-rw-r--r-- | juick-www/src/main/static/style.css | 11 |
4 files changed, 3 insertions, 12 deletions
diff --git a/juick-www/src/main/static/photo-attachment-active.png b/juick-www/src/main/static/photo-attachment-active.png Binary files differdeleted file mode 100644 index ecbf10e8..00000000 --- a/juick-www/src/main/static/photo-attachment-active.png +++ /dev/null diff --git a/juick-www/src/main/static/photo-attachment.png b/juick-www/src/main/static/photo-attachment.png Binary files differdeleted file mode 100644 index 07d48517..00000000 --- a/juick-www/src/main/static/photo-attachment.png +++ /dev/null diff --git a/juick-www/src/main/static/scripts.js b/juick-www/src/main/static/scripts.js index 160d7fe4..55a31aaf 100644 --- a/juick-www/src/main/static/scripts.js +++ b/juick-www/src/main/static/scripts.js @@ -332,7 +332,7 @@ function showCommentForm(mid, rid) { <div class="msg-comment"> <div class="ta-wrapper"> <textarea name="body" rows="1" class="reply" placeholder="${i18n('comment.writeComment')}"></textarea> - <div class="attach-photo"></div> + <div class="attach-photo">${evilIcon('ei-camera')}</div> </div> <input type="submit" value="OK"> </div> @@ -379,7 +379,7 @@ function attachInput() { } function attachCommentPhoto(div) { - if (div.children.length === 0) { + if (div.children.length === 1) { let inp = attachInput(); inp.addEventListener('change', function () { div.classList.add('attach-photo-active'); diff --git a/juick-www/src/main/static/style.css b/juick-www/src/main/static/style.css index cd6595f9..84cfaba6 100644 --- a/juick-www/src/main/static/style.css +++ b/juick-www/src/main/static/style.css @@ -425,19 +425,10 @@ article .tags > a, vertical-align: top; } .attach-photo { - background: url("photo-attachment.png") no-repeat 3px 4px; cursor: pointer; - display: inline-block; - height: 16px; - overflow: hidden; - padding: 2px 4px; - position: -webkit-sticky; - position: sticky; - top: 70px; - width: 16px; } .attach-photo-active { - background: url("photo-attachment-active.png") no-repeat 3px 4px; + color: green; } .msg-comment input { align-self: flex-start; |