render (some) golf features like grass areas (closes #8927)

CHANGELOG.md

@@ -48,11 +48,13 @@ _Breaking developer changes, which may affect downstream projects or sites that
 #### :rocket: Presets
 * Optimize order of values in dropdowns of `access` fields ([#8945])
 * Use value of `vehicle` tag as placeholder value of `access` fields for `motor_vehicle` and `bicycle`
+* Render `golf` features `tee`, `fairway`, `rough` and `green` in green color and using a grass pattern ([#8927])
 #### :hammer: Development
 * Switch build system to [esbuild](https://esbuild.github.io/) for much faster builds ([#8774], thanks [@ mbrzakovic] and [@bhousel])
 
 [#8774]: https://github.com/openstreetmap/iD/pull/8774
 [#8811]: https://github.com/openstreetmap/iD/issues/8811
+[#8927]: https://github.com/openstreetmap/iD/issues/8927
 [#8944]: https://github.com/openstreetmap/iD/issues/8944
 [#8945]: https://github.com/openstreetmap/iD/issues/8945
 

css/25_areas.css

@@ -36,7 +36,11 @@ path.stroke.tag-leisure-park,
 path.stroke.tag-leisure-pitch,
 path.stroke.tag-leisure-track,
 path.stroke.tag-natural,
-path.stroke.tag-natural-wood {
+path.stroke.tag-natural-wood,
+path.stroke.tag-golf-tee,
+path.stroke.tag-golf-fairway,
+path.stroke.tag-golf-rough,
+path.stroke.tag-golf-green {
     stroke: rgb(140, 208, 95);
 }
 path.fill.tag-barrier-hedge,
@@ -52,7 +56,11 @@ path.fill.tag-leisure-park,
 path.fill.tag-leisure-pitch,
 path.fill.tag-leisure-track,
 path.fill.tag-natural,
-path.fill.tag-natural-wood {
+path.fill.tag-natural-wood,
+path.fill.tag-golf-tee,
+path.fill.tag-golf-fairway,
+path.fill.tag-golf-rough,
+path.fill.tag-golf-green {
     stroke: rgba(140, 208, 95, 0.3);
     fill: rgba(140, 208, 95, 0.3);
 }

modules/svg/tag_pattern.js

@@ -30,10 +30,7 @@ var patterns = {
             { pattern: 'forest' } // same as 'leaf_type:mixed'
         ],
         grave_yard: 'cemetery',
-        grass: [
-            { golf: 'green', pattern: 'golf_green' },
-            { pattern: 'grass' },
-        ],
+        grass: 'grass',
         landfill: 'landfill',
         meadow: 'meadow',
         military: 'construction',
@@ -65,6 +62,12 @@ var patterns = {
             { pattern: 'forest' } // same as 'leaf_type:mixed'
         ]
     },
+    golf: {
+        green: 'golf_green',
+        tee: 'grass',
+        fairway: 'grass',
+        rough: 'grass'
+    },
     traffic_calming: {
         island: [
             { surface: 'grass', pattern: 'grass' },