[openstreetmap/openstreetmap-website] Change colors of changeset bboxes when they enter/exit the viewport (PR #5924)

[Anton Khorev]

On history pages, if you load many changesets and look at the map, it's difficult to find the corresponding changesets in the sidebar. The idea here is to color changesets differently, depending on whether they are above/in/below the sidebar viewport.

- The orange color that was previously used for all changesets is now used only for the ones in the viewport.
- The bluish ("colder") color is for older changesets below the viewport. If you see this color on the map, you know you have to scroll down to find the changeset in the sidebar.
- The reddish ("hotter") is for newer changesets. Actually the color became more brownish as I desaturated it because it has to beless saturated than the usual orange.

https://github.com/user-attachments/assets/0f6eb2d8-3b66-4890-ae23-9f160aadb50b


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

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

-- Commit Summary --

  * Store changesets of history changesets layer in map
  * Convert changeset (un)highlight to toggle function
  * Maintain highlight states in history changesets layer
  * Change colors of bboxes when they enter/exit the viewport
  * Take viewport intersection into account when sorting changesets
  * Add color hint bars around changesets list

-- File Changes --

    M app/assets/javascripts/index/history-changesets-layer.js (85)
    M app/assets/javascripts/index/history.js (55)

-- Patch Links --

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

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

Message ID: <openstreetmap/openstreetmap-website/pull/5924 at github.com>
-------------- next part --------------
An HTML attachment was scrubbed...
URL: <http://lists.openstreetmap.org/pipermail/rails-dev/attachments/20250411/1b1a7dd1/attachment-0001.htm>