Re: [openstreetmap/openstreetmap-website] Browse icons as svg (PR #5080)

2025-02-20 Thread mmd via rails-dev
mmd-osm left a comment (openstreetmap/openstreetmap-website#5080) Closing since there were too many breaking upstream changes in the meantime. -- Reply to this email directly or view it on GitHub: https://github.com/openstreetmap/openstreetmap-website/pull/5080#issuecomment-2672436660 You are re

Re: [openstreetmap/openstreetmap-website] Browse icons as svg (PR #5080)

2025-02-20 Thread mmd via rails-dev
Closed #5080. -- Reply to this email directly or view it on GitHub: https://github.com/openstreetmap/openstreetmap-website/pull/5080#event-16387647115 You are receiving this because you are subscribed to this thread. Message ID: ___ rails-dev mailing

Re: [openstreetmap/openstreetmap-website] Browse icons as svg (PR #5080)

2024-12-06 Thread Anton Khorev via rails-dev
> Ok, I think you would need to further elaborate on your proposal #5385 as a first step in replacing css backgrounds with images. See how I only use one pixel value of 20px / 1.25rem. > The old rendering looked a bit off, in particular for the (part of ways...) > section. *Part of ways* I'd d

Re: [openstreetmap/openstreetmap-website] Browse icons as svg (PR #5080)

2024-10-27 Thread github-actions[bot] via rails-dev
1 Warning :warning: Number of updated lines of code is too large to be in one PR. Perhaps it should be separated into two or more? Generated by :no_entry_sign: https://danger.systems/";>Danger -- Reply to this e

Re: [openstreetmap/openstreetmap-website] Browse icons as svg (PR #5080)

2024-10-27 Thread mmd via rails-dev
@mmd-osm pushed 20 commits. 88255573de25e59f6ae4d95544478dbdbcce02a7 Browse icons as svg f484f93b8a82c931e1f4b971f2faa848f239e67b Visibility improvements for dark mode c2e6dc276384c311fd89c17401560997c443ae99 Fine tune position of 9 svg symbols 81f6f5eeeb1c1283165535d5310bab693be5b335 Replaced

Re: [openstreetmap/openstreetmap-website] Browse icons as svg (PR #5080)

2024-10-21 Thread mmd via rails-dev
Here's another comparison at 250% zoom. The old rendering looked a bit off, in particular for the _(part of ways...)_ section. Old | New -- | -- ![old1](https://github.com/user-attachments/assets/2359c05a-f439-4189-bb2a-b202c8ade129) | ![new1](https://github.com/user-attachments/assets/df24bae

Re: [openstreetmap/openstreetmap-website] Browse icons as svg (PR #5080)

2024-10-03 Thread mmd via rails-dev
@mmd-osm pushed 1 commit. be6f334b1698fb919a1e486122b87ac5d3a9d56b Use relative position instead of svg transform -- View it on GitHub: https://github.com/openstreetmap/openstreetmap-website/pull/5080/files/b35ceab840fd3e978e735ddb4c8cb8566ce66b31..be6f334b1698fb919a1e486122b87ac5d3a9d56b You

Re: [openstreetmap/openstreetmap-website] Browse icons as svg (PR #5080)

2024-10-03 Thread mmd via rails-dev
@mmd-osm pushed 1 commit. b35ceab840fd3e978e735ddb4c8cb8566ce66b31 Unit test to accept filenames with optional # suffix -- View it on GitHub: https://github.com/openstreetmap/openstreetmap-website/pull/5080/files/f387f71ee0d11379f70ce4299af4b9f3ceabf116..b35ceab840fd3e978e735ddb4c8cb8566ce66b3

Re: [openstreetmap/openstreetmap-website] Browse icons as svg (PR #5080)

2024-09-30 Thread mmd via rails-dev
> > Assuming we need to convert SVGs to PNGs > > I'm not suggesting that. Ok, I think you would need to further elaborate on your proposal, because it’s still not clear to me how this looks in detail. Please provide some working code snippets which addresses both position and coloring of svg. A

Re: [openstreetmap/openstreetmap-website] Browse icons as svg (PR #5080)

2024-09-28 Thread mmd via rails-dev
@mmd-osm pushed 1 commit. f387f71ee0d11379f70ce4299af4b9f3ceabf116 Rescale some svgs to 14pt -- View it on GitHub: https://github.com/openstreetmap/openstreetmap-website/pull/5080/files/2cd72f00c773845a8c66bcdd042930148a7ad432..f387f71ee0d11379f70ce4299af4b9f3ceabf116 You are receiving this bec

Re: [openstreetmap/openstreetmap-website] Browse icons as svg (PR #5080)

2024-09-28 Thread mmd via rails-dev
@mmd-osm pushed 1 commit. 2cd72f00c773845a8c66bcdd042930148a7ad432 Rescale golf svgs to 14 -- View it on GitHub: https://github.com/openstreetmap/openstreetmap-website/pull/5080/files/f5302501bec349d46bea6731827c722f3c04bc30..2cd72f00c773845a8c66bcdd042930148a7ad432 You are receiving this becau

Re: [openstreetmap/openstreetmap-website] Browse icons as svg (PR #5080)

2024-09-27 Thread mmd via rails-dev
@mmd-osm pushed 1 commit. f5302501bec349d46bea6731827c722f3c04bc30 Remove white background for amenity bus_station svg -- View it on GitHub: https://github.com/openstreetmap/openstreetmap-website/pull/5080/files/7ea4e8b0f6e003abf5097660179713b50b3c62a8..f5302501bec349d46bea6731827c722f3c04bc30

Re: [openstreetmap/openstreetmap-website] Browse icons as svg (PR #5080)

2024-09-27 Thread mmd via rails-dev
@mmd-osm pushed 1 commit. 7ea4e8b0f6e003abf5097660179713b50b3c62a8 Added historic ruins svg -- View it on GitHub: https://github.com/openstreetmap/openstreetmap-website/pull/5080/files/4a0ab792a46d28ea9f7db5d4114944a9897ede42..7ea4e8b0f6e003abf5097660179713b50b3c62a8 You are receiving this beca

Re: [openstreetmap/openstreetmap-website] Browse icons as svg (PR #5080)

2024-09-27 Thread mmd via rails-dev
@mmd-osm pushed 1 commit. 4a0ab792a46d28ea9f7db5d4114944a9897ede42 Added estate agent svg -- View it on GitHub: https://github.com/openstreetmap/openstreetmap-website/pull/5080/files/dc0863b71f7eea9828a7364f0cb80d5bdad17546..4a0ab792a46d28ea9f7db5d4114944a9897ede42 You are receiving this becaus

Re: [openstreetmap/openstreetmap-website] Browse icons as svg (PR #5080)

2024-09-26 Thread mmd via rails-dev
@mmd-osm pushed 1 commit. dc0863b71f7eea9828a7364f0cb80d5bdad17546 Added historic wreck svg -- View it on GitHub: https://github.com/openstreetmap/openstreetmap-website/pull/5080/files/97e5251a8064be4f982f12f0fe21d77b78c47cb8..dc0863b71f7eea9828a7364f0cb80d5bdad17546 You are receiving this beca

Re: [openstreetmap/openstreetmap-website] Browse icons as svg (PR #5080)

2024-09-26 Thread mmd via rails-dev
@mmd-osm pushed 1 commit. 97e5251a8064be4f982f12f0fe21d77b78c47cb8 Added amenity university svg -- View it on GitHub: https://github.com/openstreetmap/openstreetmap-website/pull/5080/files/39a14376de10e1d7eb7a0d8a88422eaab3cdd041..97e5251a8064be4f982f12f0fe21d77b78c47cb8 You are receiving this

Re: [openstreetmap/openstreetmap-website] Browse icons as svg (PR #5080)

2024-09-26 Thread mmd via rails-dev
@mmd-osm pushed 1 commit. 39a14376de10e1d7eb7a0d8a88422eaab3cdd041 Added railway level_crossing svg -- View it on GitHub: https://github.com/openstreetmap/openstreetmap-website/pull/5080/files/af134de5eb1fa394aa906bc10875eb1bfca1d484..39a14376de10e1d7eb7a0d8a88422eaab3cdd041 You are receiving t

Re: [openstreetmap/openstreetmap-website] Browse icons as svg (PR #5080)

2024-09-25 Thread mmd via rails-dev
@mmd-osm pushed 1 commit. af134de5eb1fa394aa906bc10875eb1bfca1d484 Added two railway svgs -- View it on GitHub: https://github.com/openstreetmap/openstreetmap-website/pull/5080/files/a30a89c8dbf28df8377c85196dea68ea351e7fac..af134de5eb1fa394aa906bc10875eb1bfca1d484 You are receiving this becaus

Re: [openstreetmap/openstreetmap-website] Browse icons as svg (PR #5080)

2024-09-25 Thread mmd via rails-dev
@mmd-osm pushed 1 commit. a30a89c8dbf28df8377c85196dea68ea351e7fac Remove white background for barrier gate svg -- View it on GitHub: https://github.com/openstreetmap/openstreetmap-website/pull/5080/files/3e54397b865318d10591ea4fd559ea78c9cbda22..a30a89c8dbf28df8377c85196dea68ea351e7fac You ar

Re: [openstreetmap/openstreetmap-website] Browse icons as svg (PR #5080)

2024-09-25 Thread mmd via rails-dev
@mmd-osm pushed 1 commit. 3e54397b865318d10591ea4fd559ea78c9cbda22 Added mini_roundabout svg -- View it on GitHub: https://github.com/openstreetmap/openstreetmap-website/pull/5080/files/0836b0caa2f5146ba86857b6f44d3cd9fbfdc3cc..3e54397b865318d10591ea4fd559ea78c9cbda22 You are receiving this bec

Re: [openstreetmap/openstreetmap-website] Browse icons as svg (PR #5080)

2024-09-25 Thread mmd via rails-dev
@mmd-osm pushed 1 commit. 0836b0caa2f5146ba86857b6f44d3cd9fbfdc3cc rtl:ignore added for additional transforms -- View it on GitHub: https://github.com/openstreetmap/openstreetmap-website/pull/5080/files/2b83a6dfc6cf6f9cf574afe8f568404a1de797a0..0836b0caa2f5146ba86857b6f44d3cd9fbfdc3cc You are

Re: [openstreetmap/openstreetmap-website] Browse icons as svg (PR #5080)

2024-09-24 Thread mmd via rails-dev
@mmd-osm pushed 1 commit. 2b83a6dfc6cf6f9cf574afe8f568404a1de797a0 Added svg symbols for school and car share -- View it on GitHub: https://github.com/openstreetmap/openstreetmap-website/pull/5080/files/6642c0517243448031c2e4f0667aa12da57693ba..2b83a6dfc6cf6f9cf574afe8f568404a1de797a0 You are

Re: [openstreetmap/openstreetmap-website] Browse icons as svg (PR #5080)

2024-09-24 Thread mmd via rails-dev
@mmd-osm pushed 1 commit. 6642c0517243448031c2e4f0667aa12da57693ba Added childcare svg -- View it on GitHub: https://github.com/openstreetmap/openstreetmap-website/pull/5080/files/2ff0b3617bde2fe206875ef8bc004fdf41aec894..6642c0517243448031c2e4f0667aa12da57693ba You are receiving this because y

Re: [openstreetmap/openstreetmap-website] Browse icons as svg (PR #5080)

2024-09-23 Thread mmd via rails-dev
@mmd-osm commented on this pull request. > @@ -945,6 +945,76 @@ img.trace_image { .node, .way, .relation { margin-left: 25px; } + + .svg_icon { +overflow: hidden; +display: inline-block; +margin-left: -25px; +width: 25px; +height: 18px; +/*rtl:ignore*/ transfo

Re: [openstreetmap/openstreetmap-website] Browse icons as svg (PR #5080)

2024-09-23 Thread mmd via rails-dev
@mmd-osm pushed 1 commit. 2ff0b3617bde2fe206875ef8bc004fdf41aec894 Replaced two png by svg symbols -- View it on GitHub: https://github.com/openstreetmap/openstreetmap-website/pull/5080/files/783a05b16398ba8626f8fd3b6be2430e5a336ccc..2ff0b3617bde2fe206875ef8bc004fdf41aec894 You are receiving th

Re: [openstreetmap/openstreetmap-website] Browse icons as svg (PR #5080)

2024-09-22 Thread mmd via rails-dev
I've added dedicated css formatting for 9 SVG symbols now, to improve positioning and/or size of the respective symbols. Maybe you could take another look now. If necessary, please suggest exactly which symbol should be changed and how. The approach should be flexible enough to allow for furthe

Re: [openstreetmap/openstreetmap-website] Browse icons as svg (PR #5080)

2024-09-22 Thread mmd via rails-dev
@mmd-osm pushed 3 commits. a8037a2329d761901eb303657b533ae24535697a Browse icons as svg 872eb6f885c55a7dcb0d882dd259e45694ffa16d Visibility improvements for dark mode 783a05b16398ba8626f8fd3b6be2430e5a336ccc Fine tune position of 9 svg symbols -- View it on GitHub: https://github.com/openstre

Re: [openstreetmap/openstreetmap-website] Browse icons as svg (PR #5080)

2024-09-22 Thread Anton Khorev via rails-dev
> Assuming we need to convert SVGs to PNGs I'm not suggesting that. -- Reply to this email directly or view it on GitHub: https://github.com/openstreetmap/openstreetmap-website/pull/5080#issuecomment-2366790325 You are receiving this because you are subscribed to this thread. Message ID: _

Re: [openstreetmap/openstreetmap-website] Browse icons as svg (PR #5080)

2024-09-22 Thread Anton Khorev via rails-dev
> I've checked all 219 SVGs, and found that less than 10 of them might need > some fine tuning. The vast majority of new SVGs is just fine. Why making a pull request with 219 svgs with *the vast majority* just fine instead of a smaller pull request with all svg fine? -- Reply to this email dir

Re: [openstreetmap/openstreetmap-website] Browse icons as svg (PR #5080)

2024-09-22 Thread Anton Khorev via rails-dev
>> do we need a smaller icon for waste baskets here just because it's smaller >> on the map render? > Yes, it matches exactly the size you see on the map. No, we don't need it to match *exactly the size you see on the (one particular rendering of the) map*. We need to decide what size the icons

Re: [openstreetmap/openstreetmap-website] Browse icons as svg (PR #5080)

2024-09-21 Thread mmd via rails-dev
@mmd-osm commented on this pull request. > @@ -945,6 +945,76 @@ img.trace_image { .node, .way, .relation { margin-left: 25px; } + + .svg_icon { +overflow: hidden; +display: inline-block; +margin-left: -25px; +width: 25px; +height: 18px; +/*rtl:ignore*/ transfo

Re: [openstreetmap/openstreetmap-website] Browse icons as svg (PR #5080)

2024-09-21 Thread mmd via rails-dev
@mmd-osm pushed 1 commit. ea30534be46a5150295a53c2c67b45332fd91c52 Visibility improvements for dark mode -- View it on GitHub: https://github.com/openstreetmap/openstreetmap-website/pull/5080/files/40c07ec9b7b87923f3236ea09b9e30c35f973bb4..ea30534be46a5150295a53c2c67b45332fd91c52 You are receiv

Re: [openstreetmap/openstreetmap-website] Browse icons as svg (PR #5080)

2024-09-21 Thread mmd via rails-dev
Thank you for reviewing this PR another time. > some icons are too dark, I inverted and hue-rotated them; here it's not done > I suppose; see place_of_worship icon for an extreme example Agree, that's also something I've noticed. I'm pushing another commit now which should improve the situation

Re: [openstreetmap/openstreetmap-website] Browse icons as svg (PR #5080)

2024-09-21 Thread Anton Khorev via rails-dev
I still think it's [easier](https://github.com/openstreetmap/openstreetmap-website/pull/5080#issuecomment-2298987792) to switch to ``s first, then start replacing them with svgs, assuming all of the images have the same size. Hopefully we can avoid random pixel offsets in css. -- Reply to thi

Re: [openstreetmap/openstreetmap-website] Browse icons as svg (PR #5080)

2024-09-21 Thread Anton Khorev via rails-dev
@AntonKhorev commented on this pull request. > @@ -945,6 +945,76 @@ img.trace_image { .node, .way, .relation { margin-left: 25px; } + + .svg_icon { +overflow: hidden; +display: inline-block; +margin-left: -25px; +width: 25px; +height: 18px; +/*rtl:ignore*/ tra

Re: [openstreetmap/openstreetmap-website] Browse icons as svg (PR #5080)

2024-09-21 Thread Anton Khorev via rails-dev
Some icons before/after in dark mode: ![image](https://github.com/user-attachments/assets/585a077d-b0ea-4f40-8558-29d2ef9165c4) ![image](https://github.com/user-attachments/assets/aa5853b5-e7ca-413f-a521-96b19d366b22) ; ![image](https://github.com/user-attachments/assets/9c12e700-99e5-41ed-be4