[openstreetmap/openstreetmap-website] Sticky close button (PR #4825)

[Tobias]

> You can open another issues about that.

This PR makes the button sticky. I agree that the sticky button needs a visual separation to the content below. I don't think that it is good UX to make this area non-interactive (hover, click) – it's not what I would expect the interface to behave.

Unfortunately Bootstrap does not follow those UX decisions for their close button https://getbootstrap.com/docs/5.0/components/close-button/ (which only shows the non sticky version, but still…). However they do use a larger surface area for their burger menu https://getbootstrap.com/docs/5.0/components/navbar/#external-content which follows the same principle, IMO.

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

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