<p dir="auto">Ref: <a class="issue-link js-issue-link" data-error-text="Failed to load title" data-id="866463871" data-permission-text="Title is private" data-url="https://github.com/openstreetmap/openstreetmap-website/issues/3182" data-hovercard-type="issue" data-hovercard-url="/openstreetmap/openstreetmap-website/issues/3182/hovercard" href="https://github.com/openstreetmap/openstreetmap-website/issues/3182">#3182</a></p>
<p dir="auto">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.</p>
<p dir="auto">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.</p>
<p dir="auto">Screenshots:<br>
Before:<br>
<a target="_blank" rel="noopener noreferrer" href="https://user-images.githubusercontent.com/19364673/246857788-c609d745-d807-432f-9a1b-bb3d5363dd85.png"><img src="https://user-images.githubusercontent.com/19364673/246857788-c609d745-d807-432f-9a1b-bb3d5363dd85.png" alt="Screenshot 2023-06-19 at 16-52-09 OpenStreetMap" style="max-width: 100%;"></a><br>
After:<br>
<a target="_blank" rel="noopener noreferrer" href="https://user-images.githubusercontent.com/19364673/246857802-52eab9a0-9a5f-40f3-87b3-0ab16adedeb3.png"><img src="https://user-images.githubusercontent.com/19364673/246857802-52eab9a0-9a5f-40f3-87b3-0ab16adedeb3.png" alt="Screenshot 2023-06-19 at 16-52-00 OpenStreetMap" style="max-width: 100%;"></a></p>

<hr>

<h4>You can view, comment on, or merge this pull request online at:</h4>
<p>  <a href='https://github.com/openstreetmap/openstreetmap-website/pull/4070'>https://github.com/openstreetmap/openstreetmap-website/pull/4070</a></p>

<h4>Commit Summary</h4>
<ul>
  <li><a href="https://github.com/openstreetmap/openstreetmap-website/pull/4070/commits/f7d1315e880efc22ac06dc071ec31b8520bd3235" class="commit-link">f7d1315</a>  Change the way notifications about messages appear</li>
  <li><a href="https://github.com/openstreetmap/openstreetmap-website/pull/4070/commits/b1612758176beae7bfc08d0f43730cf8b091cc08" class="commit-link">b161275</a>  Fixed html and jqueyr logic</li>
  <li><a href="https://github.com/openstreetmap/openstreetmap-website/pull/4070/commits/4f9784b6011d9cc176fbe4d980353000e45acf1d" class="commit-link">4f9784b</a>  Removed unneeded tag</li>
</ul>

<h4 style="display: inline-block">File Changes </h4> <p style="display: inline-block">(<a href="https://github.com/openstreetmap/openstreetmap-website/pull/4070/files">4 files</a>)</p>
<ul>
  <li>
    <strong>M</strong>
    <a href="https://github.com/openstreetmap/openstreetmap-website/pull/4070/files#diff-305c268f66d28c4cd669b9a69449100d2de05f2b61da1e58914295c1eea45e16">app/assets/javascripts/messages.js</a>
    (6)
  </li>
  <li>
    <strong>M</strong>
    <a href="https://github.com/openstreetmap/openstreetmap-website/pull/4070/files#diff-e86a39e6d0b163f152db8843fc7d647a3f5d648de4a74f1732bef4474b6e5bc8">app/assets/stylesheets/common.scss</a>
    (9)
  </li>
  <li>
    <strong>M</strong>
    <a href="https://github.com/openstreetmap/openstreetmap-website/pull/4070/files#diff-6d2ef58207c92d1533287af551a075122ba98240a861819047a2ae77b7674f0b">app/views/layouts/_header.html.erb</a>
    (10)
  </li>
  <li>
    <strong>M</strong>
    <a href="https://github.com/openstreetmap/openstreetmap-website/pull/4070/files#diff-a12dc99646328efc7f0ed1e6176088924634103033568a6252003f60b7e2b14a">app/views/layouts/_inbox.html.erb</a>
    (2)
  </li>
</ul>

<h4>Patch Links:</h4>
<ul>
  <li><a href='https://github.com/openstreetmap/openstreetmap-website/pull/4070.patch'>https://github.com/openstreetmap/openstreetmap-website/pull/4070.patch</a></li>
  <li><a href='https://github.com/openstreetmap/openstreetmap-website/pull/4070.diff'>https://github.com/openstreetmap/openstreetmap-website/pull/4070.diff</a></li>
</ul>

<p style="font-size:small;-webkit-text-size-adjust:none;color:#666;">—<br />Reply to this email directly, <a href="https://github.com/openstreetmap/openstreetmap-website/pull/4070">view it on GitHub</a>, or <a href="https://github.com/notifications/unsubscribe-auth/AAK2OLLNVNLIFOI5C55M72DXMBPRDANCNFSM6AAAAAAZMBHGJM">unsubscribe</a>.<br />You are receiving this because you are subscribed to this thread.<img src="https://github.com/notifications/beacon/AAK2OLODP64OCIL2R4OH74TXMBPRDA5CNFSM6AAAAAAZMBHGJOWGG33NNVSW45C7OR4XAZNFJFZXG5LFVJRW63LNMVXHIX3JMTHGSH42VY.gif" height="1" width="1" alt="" /><span style="color: transparent; font-size: 0; display: none; visibility: hidden; overflow: hidden; opacity: 0; width: 0; height: 0; max-width: 0; max-height: 0; mso-hide: all">Message ID: <span><openstreetmap/openstreetmap-website/pull/4070</span><span>@</span><span>github</span><span>.</span><span>com></span></span></p>
<script type="application/ld+json">[
{
"@context": "http://schema.org",
"@type": "EmailMessage",
"potentialAction": {
"@type": "ViewAction",
"target": "https://github.com/openstreetmap/openstreetmap-website/pull/4070",
"url": "https://github.com/openstreetmap/openstreetmap-website/pull/4070",
"name": "View Pull Request"
},
"description": "View this Pull Request on GitHub",
"publisher": {
"@type": "Organization",
"name": "GitHub",
"url": "https://github.com"
}
}
]</script>