Add manifest icon management to admin forms

2 files changed, 11 insertions, 1 deletions

diff --git a/web/cobrands/fixmystreet/admin.js b/web/cobrands/fixmystreet/admin.js
index 8210f002f..52f4dd292 100644
--- a/web/cobrands/fixmystreet/admin.js
+++ b/web/cobrands/fixmystreet/admin.js
@@ -190,5 +190,12 @@ $(function(){
     $('.js-metadata-items').on('click', '.js-metadata-option-remove', function(){
         $(this).parents('.js-metadata-option').remove();
     });
+
+    // On the manifest theme editing page we have tickboxes for deleting individual
+    // icons - ticking one of these should grey out that row to indicate it will be
+    // deleted upon form submission.
+    $("input[name=delete_icon]").change(function() {
+        $(this).closest("tr").toggleClass("is-deleted", this.checked);
+    });
 });
 
diff --git a/web/cobrands/sass/_admin.scss b/web/cobrands/sass/_admin.scss
index b1f914ca8..4ae019776 100644
--- a/web/cobrands/sass/_admin.scss
+++ b/web/cobrands/sass/_admin.scss
@@ -61,7 +61,10 @@ $button_bg_col: #a1a1a1;  // also search bar (tables)
         }
         tr.is-deleted {
           background-color: #ffdddd;
-          td.contact-category {
+          img {
+              filter: grayscale(1);
+          }
+          td.contact-category, td.icon-size {
             text-decoration: line-through;
           }
         }