Make Playground Mobile Responsive

[devilkiller-ag]

Reason/Context

This will allow people visiting from small screens, especially tablets, to use Playground.

Description

We want to make Playground design Mobile Responsive and then implement it.

I will be working on this issue.

[devilkiller-ag]

@jonaslagoni Can I start working on this feature?

[jonaslagoni]

Makes sense to me to have this 👌

[devilkiller-ag]

@jonaslagoni Do you have any prior design suggestions in mind? To get started, I have thought about this design:

But this is just an option, I think we should discuss and decide on the design first before jumping into implementation.

[jonaslagoni]

I think having a single display that alternate between output, option and input (not shown at the same time), is the best option 👍

But yea, dont have any preference from my side, so all you ✌️

[devilkiller-ag]

Sounds good to me. I have the same design in mind too. I will start working on it soon.🚀

[github-actions]

This issue has been automatically marked as stale because it has not had recent activity 😴

It will be closed in 120 days if no further activity occurs. To unstale this issue, add a comment with a detailed explanation.

There can be many reasons why some specific issue has no activity. The most probable cause is lack of time, not lack of interest. AsyncAPI Initiative is a Linux Foundation project not owned by a single for-profit company. It is a community-driven initiative ruled under open governance model.

Let us figure out together how to push this issue forward. Connect with us through one of many communication channels we established here.

Thank you for your patience ❤️

[devilkiller-ag]

This issue is still not resolved and up for grabs.

[jerensl]

Hi @devilkiller-ag , I'm new here can you assign this task to me? Quick question can I use this design as a reference or do you have a new design in mind? #1715 (comment)

[devilkiller-ag]

Hi @jerensl, yes you can work on this. Yes you can go ahead with the same design I made and explained earlier.

[devilkiller-ag]

Resolved in #2028