From d5e88cced1efa66be56fd8c9e66965f91b054b2c Mon Sep 17 00:00:00 2001
From: Marwin Hochfelsner <50826859+hlfan@users.noreply.github.com>
Date: Tue, 17 Jun 2025 05:52:26 +0200
Subject: [PATCH] Rename map key element to legend

---
 app/assets/javascripts/leaflet.key.js | 2 +-
 app/assets/stylesheets/common.scss    | 2 +-
 app/views/legend_panes/show.html.erb  | 2 +-
 3 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/app/assets/javascripts/leaflet.key.js b/app/assets/javascripts/leaflet.key.js
index 470ee6902..1d4ef777f 100644
--- a/app/assets/javascripts/leaflet.key.js
+++ b/app/assets/javascripts/leaflet.key.js
@@ -32,7 +32,7 @@ L.OSM.key = function (options) {
       const layerId = map.getMapBaseLayerId(),
             zoom = map.getZoom();
 
-      $("#mapkey [data-layer]").each(function () {
+      $("#legend [data-layer]").each(function () {
         const data = $(this).data();
         $(this).toggle(
           layerId === data.layer &&
diff --git a/app/assets/stylesheets/common.scss b/app/assets/stylesheets/common.scss
index af179be6b..15482b274 100644
--- a/app/assets/stylesheets/common.scss
+++ b/app/assets/stylesheets/common.scss
@@ -482,7 +482,7 @@ body.small-nav {
 
 @mixin dark-map-color-scheme {
   .leaflet-tile-container,
-  #mapkey .filtered-image {
+  #legend .filtered-image {
     filter: var(--dark-mode-map-filter);
   }
 
diff --git a/app/views/legend_panes/show.html.erb b/app/views/legend_panes/show.html.erb
index a7f8cd5b0..fc3c91f63 100644
--- a/app/views/legend_panes/show.html.erb
+++ b/app/views/legend_panes/show.html.erb
@@ -1,4 +1,4 @@
-<div id="mapkey" class="p-3">
+<div id="legend" class="p-3">
   <table class="table table-sm table-borderless mb-0 align-middle">
     <% @key.each do |layer_name, layer_data| %>
       <% layer_data["entries"].each do |entry| %>
-- 
2.39.5