drop camera bitmap

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
deleted 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
deleted 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;