[openstreetmap/openstreetmap-website] Banner content obfuscates close button (Issue #4165)

[Minh Nguyễn]

The OpenStreetMap Funding Drive 2023 banner added in 242b73b632703c856b2d4ccbad77b6f9e5ad57c7 includes a lot of gray lines against the black background, which make it difficult for the user to find the ✖️ button. I’ve seen these banners before, so I know where to click to dismiss the banner, but less experienced users may have trouble with that.

<img src="https://github.com/openstreetmap/openstreetmap-website/assets/1231218/56226bdf-abb7-4377-89e6-97ee203d4fe0" width="350" alt="Support the map! OpenStreetMap is free to use, but not free to run">

It might be too late to address this issue for this particular banner, but maybe for future ones, we could stick a white or translucent background behind the ✖️ to make it easier to spot.

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

Message ID: <openstreetmap/openstreetmap-website/issues/4165 at github.com>
-------------- next part --------------
An HTML attachment was scrubbed...
URL: <http://lists.openstreetmap.org/pipermail/rails-dev/attachments/20230813/ef922d10/attachment.htm>