From: Anton Khorev <tony29@yandex.ru>
Date: Wed, 27 Nov 2024 14:37:54 +0000 (+0300)
Subject: Adjust browse line/icon height/alignment for text-only zooming
X-Git-Tag: live~6^2
X-Git-Url: https://git.openstreetmap.org./rails.git/commitdiff_plain/dc52cdc612b565658555feb3b12b921eb394f0cb?ds=sidebyside;hp=-c

Adjust browse line/icon height/alignment for text-only zooming
---

dc52cdc612b565658555feb3b12b921eb394f0cb
diff --git a/app/assets/stylesheets/common.scss b/app/assets/stylesheets/common.scss
index 34dca8993..c5e2d14b1 100644
--- a/app/assets/stylesheets/common.scss
+++ b/app/assets/stylesheets/common.scss
@@ -970,7 +970,15 @@ img.trace_image {
 /* Rules for map sidebar icons */
 
 .browse-section .browse-element-list {
-  line-height: 20px;
+  line-height: 1.25rem;
+
+  .browse-icon {
+    height: 1.25rem;
+  }
+
+  .d-flex > .browse-icon {
+    height: max(20px, 1.25rem);
+  }
 
   @include color-mode(dark) {
     .browse-icon-invertible {
diff --git a/app/helpers/browse_helper.rb b/app/helpers/browse_helper.rb
index 6619a1e92..482503e8a 100644
--- a/app/helpers/browse_helper.rb
+++ b/app/helpers/browse_helper.rb
@@ -14,7 +14,7 @@ module BrowseHelper
 
     image_tag "browse/#{selected_icon_data[:filename]}",
               :size => 20,
-              :class => ["align-bottom object-fit-none", { "browse-icon-invertible" => selected_icon_data[:invert] }],
+              :class => ["align-bottom object-fit-none browse-icon", { "browse-icon-invertible" => selected_icon_data[:invert] }],
               :title => title
   end
 
@@ -27,7 +27,7 @@ module BrowseHelper
   end
 
   def element_list_item(type, object, &)
-    tag.li(tag.div(element_icon(type, object) + tag.div(&), :class => "d-flex gap-1"))
+    tag.li(tag.div(element_icon(type, object) + tag.div(:class => "align-self-center", &), :class => "d-flex gap-1"))
   end
 
   def element_list_item_with_strikethrough(type, object, &)