[Merton] Make recycling points more obvious

Feedback on https://mysocietysupport.freshdesk.com/a/tickets/4728
mysociety · Dec 6, 2024 · 904c436 · 904c436
1 parent f9d212c
commit 904c436
Show file tree

Hide file tree

Showing 2 changed files with 22 additions and 1 deletion.
diff --git a/web/cobrands/fixmystreet-uk-councils/assets.js b/web/cobrands/fixmystreet-uk-councils/assets.js
@@ -882,6 +882,20 @@ fixmystreet.assets.merton.streetlight_stylemap = new OpenLayers.StyleMap({
   'select': fixmystreet.assets.construct_named_select_style("${UnitNumber}")
 });
 
+merton_style_default_green = new OpenLayers.Style({
+    fillColor: "#55BB00",
+    strokeColor: "#000000",
+    strokeOpacity: 0.8,
+    strokeWidth: 4,
+    pointRadius: 12
+});
+
+fixmystreet.assets.merton.recyling_stylemap = new OpenLayers.StyleMap({
+    'default': merton_style_default_green,
+    'hover': fixmystreet.assets.style_default_hover,
+    'select': fixmystreet.assets.style_default_select
+});
+
 /* Northamptonshire */
 
 fixmystreet.assets.northamptonshire = {};

diff --git a/web/cobrands/merton/base.scss b/web/cobrands/merton/base.scss
@@ -220,7 +220,7 @@ html .nav-menu a.report-a-problem-btn { // overloaded selector to beat _layout.s
     color: white !important;
     border-bottom: 2px solid $merton-dark-green;
     border-radius: 0;
-    
+
     &:hover,
     &:focus {}
 }
@@ -261,6 +261,13 @@ html.js .form-section-preview {
     text-transform: none;
 }
 
+// Recycling categories have green assets
+#category_meta_message_Recycling_Bank-Full_or_Overflowing, #category_meta_message_Recycling_Bank-Other_Issue {
+    .asset-spot:before {
+        background-color: #55BB00;
+    }
+}
+
 ol.big-numbers {
     li {
         &:before {