<p dir="auto">Sticky close buttons have a layer that covers their shadows when sidebars are not scrolled. That layer is slightly larger than it needs to be. It overlaps with the heading and can block out letters in the heading. I'm making the cover layer smaller in this PR.</p>
<p dir="auto">Before:<br>
<a href="https://github.com/user-attachments/assets/51aec26c-b673-4624-90dc-5ef25b87ce82">image.png (view on web)</a><br>
<a href="https://github.com/user-attachments/assets/caded515-8ba3-4382-8f11-eec9f3817912">image.png (view on web)</a></p>
<p dir="auto">After:<br>
<a href="https://github.com/user-attachments/assets/24dd4f19-da10-4d30-8ec5-3c5001c5dde0">image.png (view on web)</a><br>
<a href="https://github.com/user-attachments/assets/fcb39814-069e-42f1-b593-85e404751e81">image.png (view on web)</a></p>
<p dir="auto">Actually with this PR the cover layer is slightly smaller than it needs to be to fully block the shadow, but hopefully it's unnoticeable. If it becomes a problem, I'll have to set sizes directly in css, currently they are set in Bootstrap units. There's also a tradeoff between not having this overlap and the heading width, given that the heading content is variable.</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/5790'>https://github.com/openstreetmap/openstreetmap-website/pull/5790</a></p>

<h4>Commit Summary</h4>
<ul>
  <li><a href="https://github.com/openstreetmap/openstreetmap-website/pull/5790/commits/20c8b88f9c818ffca7d7727777d0983fe6ddaabe" class="commit-link">20c8b88</a>  Fix overlap between left sidebar heading and close button</li>
</ul>

<h4 style="display: inline-block">File Changes </h4> <p style="display: inline-block">(<a href="https://github.com/openstreetmap/openstreetmap-website/pull/5790/files">1 file</a>)</p>
<ul>
  <li>
    <strong>M</strong>
    <a href="https://github.com/openstreetmap/openstreetmap-website/pull/5790/files#diff-561980cb33dd0240435bfeb7da001b67a6cfc7ffa1ff6e52bc64cbca73897c53">app/views/layouts/_sidebar_close.html.erb</a>
    (2)
  </li>
</ul>

<h4>Patch Links:</h4>
<ul>
  <li><a href='https://github.com/openstreetmap/openstreetmap-website/pull/5790.patch'>https://github.com/openstreetmap/openstreetmap-website/pull/5790.patch</a></li>
  <li><a href='https://github.com/openstreetmap/openstreetmap-website/pull/5790.diff'>https://github.com/openstreetmap/openstreetmap-website/pull/5790.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/5790">view it on GitHub</a>, or <a href="https://github.com/notifications/unsubscribe-auth/AAK2OLIDYN3HS2KCLNBDSQD2T2SDJAVCNFSM6AAAAABYYKUGDCVHI2DSMVQWIX3LMV43ASLTON2WKOZSHEYDSNZTGQYTQNI">unsubscribe</a>.<br />You are receiving this because you are subscribed to this thread.<img src="https://github.com/notifications/beacon/AAK2OLOLYVZP346ANCG2BZL2T2SDJA5CNFSM6AAAAABYYKUGDCWGG33NNVSW45C7OR4XAZNFJFZXG5LFVJRW63LNMVXHIX3JMTHK23YFFE.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/5790</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/5790",
"url": "https://github.com/openstreetmap/openstreetmap-website/pull/5790",
"name": "View Pull Request"
},
"description": "View this Pull Request on GitHub",
"publisher": {
"@type": "Organization",
"name": "GitHub",
"url": "https://github.com"
}
}
]</script>