cst1/openstreetmap-website
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

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

Browse source
This commit is contained in:
Anton Khorev 2024-11-27 17:37:54 +03:00
parent 5b5ffaf90f
commit dc52cdc612
2 changed files with 11 additions and 3 deletions
Download patch file Download diff file Expand all files Collapse all files

10
app/assets/stylesheets/common.scss
View file

@ -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 {

4
app/helpers/browse_helper.rb
View file

@ -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, &)