[openstreetmap/openstreetmap-website] Make sidebar resizable (PR #3467)

[Strubbl]

This commit makes the sidebar horizontally resizable. It is not resizable on small screens.

Is my expectation right, that the small.scss file is the CSS for small screens? Because i want the sidebar to not be resizable on small screens, because it is above the map then.

In the common.scss i use `overflow: auto;`, but i saw [some lines above](https://github.com/openstreetmap/openstreetmap-website/blob/master/app/assets/stylesheets/common.scss#L349) that there are other overflow rules. Does this interfere with my lines? I do not know how to optimize this.

The result of this commit shall be the same as the result of my [Greasemonkey script](https://gitlab.com/Strubbl/userscripts/-/blob/master/osm_sidebar_resizer.user.js), which i wrote first. In the [German forum](https://forum.openstreetmap.org/viewtopic.php?pid=856287#p856287) i was recommended to propose this change to this repository.
You can view, comment on, or merge this pull request online at:

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

-- Commit Summary --

  * Make sidebar resizable

-- File Changes --

    M app/assets/stylesheets/common.scss (2)
    M app/assets/stylesheets/small.scss (4)

-- Patch Links --

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

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

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