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/c2882980...@github.com>
_______________________________________________
rails-dev mailing list
rails-dev@openstreetmap.org
https://lists.openstreetmap.org/listinfo/rails-dev