X-Git-Url: https://git.openstreetmap.org./rails.git/blobdiff_plain/e47c11c644c3e73e8dcc95d3ee9c133e050360f0..77797b21b0701654f9a7ee57aace7fa16214e9c2:/app/views/site/key.html.erb?ds=sidebyside

diff --git a/app/views/site/key.html.erb b/app/views/site/key.html.erb
index e43d2c29a..da7638948 100644
--- a/app/views/site/key.html.erb
+++ b/app/views/site/key.html.erb
@@ -1,13 +1,17 @@
 <div id="mapkey">
-  <table class="table table-sm table-borderless mapkey-table">
+  <table class="table table-sm table-borderless mapkey-table mb-0">
     <% YAML.load_file(Rails.root.join("config/key.yml")).each do |name,data| %>
       <% data.each do |entry| %>
         <tr class="mapkey-table-entry" data-layer="<%= name %>" data-zoom-min="<%= entry["min_zoom"] %>" data-zoom-max="<%= entry["max_zoom"] %>">
           <td class="mapkey-table-key align-middle">
-            <%= image_tag "key/#{name}/#{entry['image']}" %>
+            <% if entry["width"] && entry["height"] && entry["fill"] %>
+              <%= image_tag "data:image/svg+xml,#{u("<svg xmlns='http://www.w3.org/2000/svg' width='#{entry['width']}' height='#{entry['height']}'><rect width='100%' height='100%' fill='#{entry['fill']}' /></svg>")}" %>
+            <% else %>
+              <%= image_tag "key/#{name}/#{entry['image']}" %>
+            <% end %>
           </td>
           <td class="mapkey-table-value">
-            <%= [*t(".table.entry.#{entry['name']}")].to_sentence %>
+            <%= Array(t(".table.entry.#{entry['name']}")).to_sentence %>
           </td>
         </tr>
       <% end %>