[openstreetmap/openstreetmap-website] Prerender heatmap in partial (PR #5998)

[Emin Kocan]

kcne left a comment (openstreetmap/openstreetmap-website#5998)

I've noticed that the border radius of the day cells changes between desktop and mobile — it looks slightly rounded on desktop but becomes almost pill-shaped on mobile. If this isn’t intentional, we might want to set a fixed border-radius to ensure visual consistency across breakpoints.

Desktop:
<img width="136" alt="Screenshot 2025-05-15 at 10 09 28" src="https://github.com/user-attachments/assets/18e1278a-6a56-4f3f-accf-604d24ba604e" />

Mobile:
<img width="90" alt="Screenshot 2025-05-15 at 10 09 35" src="https://github.com/user-attachments/assets/3a0de4c4-3d66-4632-812e-6ccb2faa5408" />


On macOS using firefox, when scrolling horizontally, the scrollbar overlaps with the heatmap area. It might be a good idea to add some padding at the bottom of the container to prevent this overlap and improve the scrolling experience. 

<img width="531" alt="Screenshot 2025-05-15 at 10 05 17" src="https://github.com/user-attachments/assets/d7a3f0f2-d434-4429-bc52-d6c3a78fe846" />

It might also be a good idea to apply light/dark variants for tooltips based on the current theme to keep visual consistency.


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

Message ID: <openstreetmap/openstreetmap-website/pull/5998/c2882980497 at github.com>
-------------- next part --------------
An HTML attachment was scrubbed...
URL: <http://lists.openstreetmap.org/pipermail/rails-dev/attachments/20250515/06bb6bed/attachment.htm>