<p dir="auto">As I said in <a class="issue-link js-issue-link" data-error-text="Failed to load title" data-id="2445940077" data-permission-text="Title is private" data-url="https://github.com/openstreetmap/openstreetmap-website/issues/5042" data-hovercard-type="pull_request" data-hovercard-url="/openstreetmap/openstreetmap-website/pull/5042/hovercard" href="https://github.com/openstreetmap/openstreetmap-website/pull/5042">#5042</a> you have to scroll to the end of the help card in order to reach the edit/preview buttons. But you also have to scroll there in order to reach the submit button which is also annoying. What if we don't display the help card on small screens unless the user requests it?</p>
<p dir="auto">When the screen is wide enough the UI looks like it did before:<br>
<a href="https://github.com/user-attachments/assets/1a41df85-1f7a-4f5e-b299-19888597c64c">image.png (view on web)</a></p>
<p dir="auto">When the screen is narrow:<br>
<a href="https://github.com/user-attachments/assets/a5e87b81-3f81-4a91-bc71-1d8314942b4f">image.png (view on web)</a><br>
<a href="https://github.com/user-attachments/assets/8c4b90e1-5a11-4e3b-ac57-04906b0cc2f1">image.png (view on web)</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/5059'>https://github.com/openstreetmap/openstreetmap-website/pull/5059</a></p>
<h4>Commit Summary</h4>
<ul>
<li><a href="https://github.com/openstreetmap/openstreetmap-website/pull/5059/commits/69122afe78a411d17188a6b276c04d2f1739599b" class="commit-link">69122af</a> Remove .richtext_dopreview css class</li>
<li><a href="https://github.com/openstreetmap/openstreetmap-website/pull/5059/commits/6ebf98255caf2f9380bdef0206cd90188c0f220a" class="commit-link">6ebf982</a> Remove .richtext_content css class</li>
<li><a href="https://github.com/openstreetmap/openstreetmap-website/pull/5059/commits/8103eb18ab6db85508cc0474fd540b285467a80a" class="commit-link">8103eb1</a> Remove .richtext_preview css class</li>
<li><a href="https://github.com/openstreetmap/openstreetmap-website/pull/5059/commits/1adb5caf993845880d65ceb931bc7be470a8dd3b" class="commit-link">1adb5ca</a> Remove unused richtext dom ids</li>
<li><a href="https://github.com/openstreetmap/openstreetmap-website/pull/5059/commits/5e3544849129552b3230a13ee265979fef7c7499" class="commit-link">5e35448</a> Use closest() instead of parents() when looking for richtext container</li>
<li><a href="https://github.com/openstreetmap/openstreetmap-website/pull/5059/commits/e5ab124bb20bb5515f13017313d2db98d33c69d6" class="commit-link">e5ab124</a> Add richtext help tab</li>
<li><a href="https://github.com/openstreetmap/openstreetmap-website/pull/5059/commits/a82a46be012ad407a9210d5777caae9dcdb99c8e" class="commit-link">a82a46b</a> Move help card between pane/sidebar depending on sidebar visibility</li>
<li><a href="https://github.com/openstreetmap/openstreetmap-website/pull/5059/commits/4d3c69db4b4f8fcd559960b8e1d75c3bf2a4801d" class="commit-link">4d3c69d</a> Switch away from help tab when help sidebar becomes visible</li>
<li><a href="https://github.com/openstreetmap/openstreetmap-website/pull/5059/commits/f889cd5538c7bdf1f63fcfa1b0cf8131053ccb61" class="commit-link">f889cd5</a> Set min preview height when switching away from edit tab</li>
</ul>
<h4 style="display: inline-block">File Changes </h4> <p style="display: inline-block">(<a href="https://github.com/openstreetmap/openstreetmap-website/pull/5059/files">2 files</a>)</p>
<ul>
<li>
<strong>M</strong>
<a href="https://github.com/openstreetmap/openstreetmap-website/pull/5059/files#diff-0d7657292b610e8871d2d00d8468108ac06888d1033743b7e645dc87e9bfec71">app/assets/javascripts/richtext.js</a>
(46)
</li>
<li>
<strong>M</strong>
<a href="https://github.com/openstreetmap/openstreetmap-website/pull/5059/files#diff-37a91b9b8a670076e653c22c9f2009388c0204f378bebe5bb625414400d75010">app/views/shared/_richtext_field.html.erb</a>
(40)
</li>
</ul>
<h4>Patch Links:</h4>
<ul>
<li><a href='https://github.com/openstreetmap/openstreetmap-website/pull/5059.patch'>https://github.com/openstreetmap/openstreetmap-website/pull/5059.patch</a></li>
<li><a href='https://github.com/openstreetmap/openstreetmap-website/pull/5059.diff'>https://github.com/openstreetmap/openstreetmap-website/pull/5059.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/5059">view it on GitHub</a>, or <a href="https://github.com/notifications/unsubscribe-auth/AAK2OLMAKIM4RUA365LJADTZQLVSBAVCNFSM6AAAAABMFUHQ5KVHI2DSMVQWIX3LMV43ASLTON2WKOZSGQ2TIOBSHA4TQNQ">unsubscribe</a>.<br />You are receiving this because you are subscribed to this thread.<img src="https://github.com/notifications/beacon/AAK2OLILPE53I4WVU3RAD3DZQLVSBA5CNFSM6AAAAABMFUHQ5KWGG33NNVSW45C7OR4XAZNFJFZXG5LFVJRW63LNMVXHIX3JMTHJEUNXXI.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/5059</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/5059",
"url": "https://github.com/openstreetmap/openstreetmap-website/pull/5059",
"name": "View Pull Request"
},
"description": "View this Pull Request on GitHub",
"publisher": {
"@type": "Organization",
"name": "GitHub",
"url": "https://github.com"
}
}
]</script>