Put each region code on a separate line in status map CSS

The separate lines will help to minimize the number of merge conflicts in PRs that add or remove shield definitions.
osm-americana · Mar 19, 2022 · 411bdcc · 411bdcc
1 parent 11b1b20
commit 411bdcc
Show file tree

Hide file tree

Showing 3 changed files with 52 additions and 3 deletions.
diff --git a/doc-img/shield_map_us.svg b/doc-img/shield_map_us.svg
diff --git a/doc-img/shield_map_world.svg b/doc-img/shield_map_world.svg
diff --git a/style/scripts/status_map.js b/style/scripts/status_map.js
@@ -5,7 +5,7 @@ import * as ShieldDef from "../js/shield_defs.js";
 
 function fillPaths(svg, codes) {
   let selectors = new Set(codes.map((code) => `.${code.toLowerCase()}`));
-  return svg.replace(".supported", new Array(...selectors).join(", "));
+  return svg.replace(".supported", new Array(...selectors).join(",\n"));
 }
 
 // Inject a map of each sprite ID to an absolute image URL instead of the usual sprite metadata.