Merge pull request #1229 from internethostage/feature/bring_tag_colors_to_edit_form

Feature - Bring tag colors to edit form

app/assets/javascripts/application.js.erb

@@ -325,7 +325,7 @@ class _LobstersFunction {
             '</div>';
         },
         item: function(data) {
-          return '<div class="data-ts-item">' + data.value + '</div>';
+          return '<a class="data-ts-item ' + data.tagCss + '">' + data.value + '</div>';
         }
       }
     });

app/assets/stylesheets/application.css.erb

@@ -59,7 +59,6 @@ light = <<-LIGHT
 	--color-tag-bg: #fffcd7;
 	--color-tag-border: #d5d458;
 	--color-tag-media-bg: #ddebf9;
-	--color-tag-bg-img: -webkit-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
 	--color-tag-media-border: #b2ccf0;
 	--color-tag-meta-bg: #e0e0e0;
 	--color-tag-meta-border: #c8c8c8;
@@ -136,7 +135,6 @@ dark = <<-DARK
 	--color-table-row-border: #262626;
 
 	--color-tag-bg: #3b320d;
-	--color-tag-bg-img: none;
 	--color-tag-border: #665501;
 	--color-tag-media-bg: #15293d;
 	--color-tag-media-border: #214669;
@@ -1478,10 +1476,6 @@ div.flash-success h2 {
 }
 
 #story_holder .ts-control .data-ts-item { /* item already selected by user*/
-	background-color: var(--color-tag-bg);
-	background-image: var(--color-tag-bg-img);
-	border: 1px solid var(--color-tagborder);
-	border-radius: 3px;
 	color: var(--color-fgcontrast-10);
 	line-height: 13px;
 	margin: 3px 5px 3px 0;

app/views/stories/_form.html.erb

@@ -53,7 +53,7 @@
           (t.filtered_count == 1 ? "" : "s") << " filtering</em>"
       end
 
-      [ "#{t.tag} - #{t.description}", t.tag, { "data-title" => raw(html) } ]},
+      [ "#{t.tag} - #{t.description}", t.tag, { "data-title" => raw(html), "data-tag-css" => t.css_class } ]},
     f.object.tags_a), {}, { :multiple => true } %>
   </div>