great improvements to tagging when saving a link system <3

themes/_global/js/saveLink.js

@@ -82,6 +82,9 @@ $("#tags2add").hide();
 
 $('#showtaginput').click(function(){
   $('#tags2add').toggle();
+  $('#plainurl').toggle();
+  $('#showtaginput').toggleClass('icon-tags');
+  $('#showtaginput').toggleClass('icon-check');
 });
 
 

themes/baggy/_pocheit-form.twig

@@ -4,7 +4,9 @@
         <a href="javascript: void(null);" id="bagit-form-close" class="close-button--popup close-button">&times;</a>
         <input type="hidden" name="autoclose" value="1" />
         <input required placeholder="example.com/article" class="addurl" id="plainurl" name="plainurl" type="url" />
-        <span id="showtaginput">Add tags</span>
+        <div style="display:inline-block;cursor: pointer;" title="{% trans "Edit tags" %}" id="showtaginput" class="tool icon icon-tags">
+            <span>Add tags</span>
+        </div>
         <input placeholder="tags, with commas" class="addurl" id="tags2add" name="tags" type="text"/>
         <span id="add-link-result"></span>
         <input type="submit" value="{% trans "save link!" %}" />

themes/baggy/css/main.css

@@ -745,6 +745,9 @@ a.add-to-wallabag-link-after:after {
 .icon-evernote:before {
   content: "\e603";
 }
+.icon-tags:before {
+  content: "\e936";
+}
 
 
 /* .icon-image class, for image-based icons

themes/default/_pocheit-form.twig

@@ -2,7 +2,9 @@
     <a href="javascript: void(null);" id="bagit-form-close">&nbsp;</a>
     <form method="get" action="index.php" id="bagit-form-form">
       <input required placeholder="example.com/article" class="addurl" id="plainurl" name="plainurl" type="url" />
+      <div style="display:inline-block;cursor: pointer;" title="{% trans "Edit tags" %}" id="showtaginput" class="edit-tags">
          <span id="showtaginput">Add tags</span>
+      </div>
       <input placeholder="tags, with commas" class="addurl" id="tags2add" name="tags" type="text"/>
       <input type="submit" value="{% trans "save link!" %}" />
       <div id="add-link-result"></div>

themes/default/css/style-default.css

@@ -75,3 +75,13 @@ a.print span {
 a.reload span {
     background-image: url('../img/default/reload.png');
 }
+.edit-tags span {
+    background-image: url('../img/default/tags.png');
+    display: inline-block;
+    width: 16px;
+    height: 16px;
+    /* Hide textual content */
+    overflow: hidden;
+    text-align: left;
+    text-indent: -9999px;
+}