[openstreetmap/openstreetmap-website] Use media-breakpoint-up for map layouts (PR #7197)

[Andy Allan]

This refactors the `media-breakpoint-down(md)` styling rules for `.map-layout` rules to use `media-breakpoint-up(md)`, as per #6739. 

There's some complexity and edge cases here, since the selectors weren't quite the same for the base-case and the breakpoint overrides, but I'm as confident as I can be that this is correct. I've tested locally with my browser, I've created a script (with AI assistance) that uses firefox in headless mode to process the stylesheets and compares the computed values as applied to various parts of the DOM.

Closes #6739


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

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

-- Commit Summary --

  * Use media-breakpoint-up for map layouts

-- File Changes --

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

-- Patch Links --

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

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

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