[openstreetmap/openstreetmap-website] Change the way notifications about messages appear (PR #4070)

[Dimitar]

Ref: #3182

This PR removes the current light gray box for the message count and replaces it with a red dot. The element with messages number is also now red.

There is some jQuery code which might not work correctly, please test it (if it isn't covered by the automated test) and let me know if it works. The code is related to updating the number of unread messages on the navigation bar.

Screenshots:
Before:
![Screenshot 2023-06-19 at 16-52-09 OpenStreetMap](https://github.com/openstreetmap/openstreetmap-website/assets/19364673/c609d745-d807-432f-9a1b-bb3d5363dd85)
After:
![Screenshot 2023-06-19 at 16-52-00 OpenStreetMap](https://github.com/openstreetmap/openstreetmap-website/assets/19364673/52eab9a0-9a5f-40f3-87b3-0ab16adedeb3)

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

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

-- Commit Summary --

  * Change the way notifications about messages appear
  * Fixed html and jqueyr logic
  * Removed unneeded tag

-- File Changes --

    M app/assets/javascripts/messages.js (6)
    M app/assets/stylesheets/common.scss (9)
    M app/views/layouts/_header.html.erb (10)
    M app/views/layouts/_inbox.html.erb (2)

-- Patch Links --

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

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

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