If a filter is applied to every tile separately, it's possible that the 
gaps between tiles become visible when zooming. I've only seen this 
happening in Chrome, both on desktop and mobile.

It could have been the reason why I applied the filter to 
`.leaflet-tile-container` in the first place, which I had to undo in #5330. Now 
I'm applying the filter to the container again, but I disable the 
unexpected filer inheritance (which is disabled in the current unreleased 
Leaflet code).

Before:

https://github.com/user-attachments/assets/cfa6b459-b1b1-4a7e-8523-5c656e62d3ca

After:

https://github.com/user-attachments/assets/92d9c6b4-bb08-4f16-ac01-edfdecc0fc76


You can view, comment on, or merge this pull request online at:

  https://github.com/openstreetmap/openstreetmap-website/pull/5387

-- Commit Summary --

  * Add map filter css property
  * Disable filter inheritance on tiles, apply filter to tile container

-- File Changes --

    M app/assets/stylesheets/common.scss (9)

-- Patch Links --

https://github.com/openstreetmap/openstreetmap-website/pull/5387.patch
https://github.com/openstreetmap/openstreetmap-website/pull/5387.diff

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

Message ID: <openstreetmap/openstreetmap-website/pull/5...@github.com>
_______________________________________________
rails-dev mailing list
rails-dev@openstreetmap.org
https://lists.openstreetmap.org/listinfo/rails-dev

Reply via email to