<p dir="auto">Why are the <em>Edit</em> and <em>Preview</em> buttons inside the help card? The <em>Preview</em> button there makes it inconvenient to preview on small screens because you'll have to scroll to the end of the help pane to press the button and then scroll back to see the preview.</p>
<p dir="auto">Before:<br>
<a href="https://github.com/user-attachments/assets/f3b46671-93b1-4b15-8153-753f53dbade5">image.png (view on web)</a></p>
<p dir="auto">After:<br>
<a href="https://github.com/user-attachments/assets/5f34545a-e36e-4c88-8762-b3cb30dba400">image.png (view on web)</a></p>
<p dir="auto">Uses <a href="https://getbootstrap.com/docs/5.3/components/navs-tabs/#javascript-behavior" rel="nofollow">https://getbootstrap.com/docs/5.3/components/navs-tabs/#javascript-behavior</a> to switch between tab panes.</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/5042'>https://github.com/openstreetmap/openstreetmap-website/pull/5042</a></p>
<h4>Commit Summary</h4>
<ul>
<li><a href="https://github.com/openstreetmap/openstreetmap-website/pull/5042/commits/0bee8e4fcaf6819730c6cea127aea78fe6b30a3d" class="commit-link">0bee8e4</a> Change richtext edit/preview buttons type to non-submit</li>
<li><a href="https://github.com/openstreetmap/openstreetmap-website/pull/5042/commits/51eea8c52988dbe08e9a68765ad04d20a4ca0540" class="commit-link">51eea8c</a> Convert richtext edit/preview buttons into tabs</li>
<li><a href="https://github.com/openstreetmap/openstreetmap-website/pull/5042/commits/6c773a3495e654598ef441a1e108804140c9b074" class="commit-link">6c773a3</a> Switch between richtext edit/preview using Bootstrap tab panes</li>
</ul>
<h4 style="display: inline-block">File Changes </h4> <p style="display: inline-block">(<a href="https://github.com/openstreetmap/openstreetmap-website/pull/5042/files">2 files</a>)</p>
<ul>
<li>
<strong>M</strong>
<a href="https://github.com/openstreetmap/openstreetmap-website/pull/5042/files#diff-0d7657292b610e8871d2d00d8468108ac06888d1033743b7e645dc87e9bfec71">app/assets/javascripts/richtext.js</a>
(38)
</li>
<li>
<strong>M</strong>
<a href="https://github.com/openstreetmap/openstreetmap-website/pull/5042/files#diff-37a91b9b8a670076e653c22c9f2009388c0204f378bebe5bb625414400d75010">app/views/shared/_richtext_field.html.erb</a>
(18)
</li>
</ul>
<h4>Patch Links:</h4>
<ul>
<li><a href='https://github.com/openstreetmap/openstreetmap-website/pull/5042.patch'>https://github.com/openstreetmap/openstreetmap-website/pull/5042.patch</a></li>
<li><a href='https://github.com/openstreetmap/openstreetmap-website/pull/5042.diff'>https://github.com/openstreetmap/openstreetmap-website/pull/5042.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/5042">view it on GitHub</a>, or <a href="https://github.com/notifications/unsubscribe-auth/AAK2OLIX3YRF4KEYZCBXO6DZPQYIZAVCNFSM6AAAAABL5ORYQOVHI2DSMVQWIX3LMV43ASLTON2WKOZSGQ2DKOJUGAYDONY">unsubscribe</a>.<br />You are receiving this because you are subscribed to this thread.<img src="https://github.com/notifications/beacon/AAK2OLIEIPNUDODY3JIEQ53ZPQYIZA5CNFSM6AAAAABL5ORYQOWGG33NNVSW45C7OR4XAZNFJFZXG5LFVJRW63LNMVXHIX3JMTHJDSQVNU.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/5042</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/5042",
"url": "https://github.com/openstreetmap/openstreetmap-website/pull/5042",
"name": "View Pull Request"
},
"description": "View this Pull Request on GitHub",
"publisher": {
"@type": "Organization",
"name": "GitHub",
"url": "https://github.com"
}
}
]</script>