codidact / qpixel

Q&A-based community knowledge-sharing software
https://codidact.com
GNU Affero General Public License v3.0
378 stars 69 forks source link

Explore other layouts for edit preview when screen real estate is available #1263

Open cellio opened 7 months ago

cellio commented 7 months ago

meta:289230 also related: meta:290775

The request in the meta post is for side-by-side editor/preview layout, as opposed to one above the other, to reduce scrolling to check output. This is the layout used by Discourse, for example. We don't want to make a change that only works in wide viewports, but there are several other things we could do that would be ok on both small and large screens. Ideas pulled from comments:

Giving people who have vast expanses of unused real-estate a way to use it better is great -- but that can't be imposed on everyone, so we can't just bake in a side-by-side layout. Yes, the edit diff is also side by side, which is a problem on phones. That might be ok for reviewing a diff but it would be painful for some for actual composition.