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

[mmd]

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

The purpose of the translate is to improve the positioning of SVGs. Like I've written below, that's good for the majority of new SVGs.

The remaining old css PNG images will be replaced by SVGs in later PRs, by which time this issue will become obsolete. Until then, some fine tuning could still be done in follow up PRs.

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

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