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

[Anton Khorev]

@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*/ transform: translate(2px, 0px);

What's this `translate` for?

Old css background image above, new svg image below:
![image](https://github.com/user-attachments/assets/ab0a218a-0592-4708-9626-c9ddb09ffe63)


-- 
Reply to this email directly or view it on GitHub:
https://github.com/openstreetmap/openstreetmap-website/pull/5080#pullrequestreview-2319829810
You are receiving this because you are subscribed to this thread.

Message ID: <openstreetmap/openstreetmap-website/pull/5080/review/2319829810 at github.com>
-------------- next part --------------
An HTML attachment was scrubbed...
URL: <http://lists.openstreetmap.org/pipermail/rails-dev/attachments/20240921/1a188bfd/attachment.htm>