From a07ab81e83d732639156025a90d816a82941c3af Mon Sep 17 00:00:00 2001
From: Anton Khorev <tony29@yandex.ru>
Date: Mon, 12 May 2025 11:40:57 +0300
Subject: [PATCH] Target map key images for filtering by css class

---
 app/assets/stylesheets/common.scss | 2 +-
 app/views/map_keys/show.html.erb   | 4 ++--
 2 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/app/assets/stylesheets/common.scss b/app/assets/stylesheets/common.scss
index 09e035024..b295ac799 100644
--- a/app/assets/stylesheets/common.scss
+++ b/app/assets/stylesheets/common.scss
@@ -475,7 +475,7 @@ body.small-nav {
 
 @mixin dark-map-color-scheme {
   .leaflet-tile-container,
-  .mapkey-table-entry td:first-child > * {
+  #mapkey .filtered-image {
     filter: var(--dark-mode-map-filter);
   }
 
diff --git a/app/views/map_keys/show.html.erb b/app/views/map_keys/show.html.erb
index 2453f1492..154ad5756 100644
--- a/app/views/map_keys/show.html.erb
+++ b/app/views/map_keys/show.html.erb
@@ -5,9 +5,9 @@
         <%= tag.tr :class => "mapkey-table-entry", :data => { :layer => layer_name, :zoom_min => entry["min_zoom"], :zoom_max => entry["max_zoom"] } do %>
           <td>
             <% if entry["image"] %>
-              <%= image_tag "key/#{layer_name}/#{entry['image']}", :class => "d-block mx-auto" %>
+              <%= image_tag "key/#{layer_name}/#{entry['image']}", :class => "filtered-image d-block mx-auto" %>
             <% else %>
-              <%= key_svg_tag :class => "d-block mx-auto", **entry %>
+              <%= key_svg_tag :class => "filtered-image d-block mx-auto", **entry %>
             <% end %>
           </td>
           <td>
-- 
2.39.5