Mobile version file name layout is broken

processing / p5.js-web-editor

The p5.js Editor is a website for creating p5.js sketches, with a focus on making coding accessible and inclusive for artists, designers, educators, beginners, and anyone else! You can create, share, or remix p5.js sketches without needing to download or configure anything.

https://editor.p5js.org

GNU Lesser General Public License v2.1

1.3k stars 1.26k forks source link

Mobile version file name layout is broken #3157

Closed shujuuu closed 2 weeks ago

shujuuu commented 2 weeks ago

What is your operating system?

iOS

Web browser and version

Chrome 125.0.6422.80 (Official Build) stable (64-bit)

Actual Behavior	Expected Behavior
Sketch name and folder should be on the same row.	(See previous screenshot)

Steps to reproduce

Open p5js editor from your phone's browser or..
Open from desktop browser then resize window to the smallest resolution

welcome[bot] commented 2 weeks ago

Welcome! 👋 Thanks for opening your first issue here! And to ensure the community is able to respond to your issue, be sure to follow the issue template if you haven't already.

PiyushChandra17 commented 2 weeks ago

@shujuuu Indeed it's broken, I would like to work on this one since i have pretty decent experience working in mobile platforms

shujuuu commented 2 weeks ago

Hey @PiyushChandra17, sorry just saw your comment. I thought it was pretty straightforward so I jumped into fixing it right after opening the issue. I should have probably waited for @raclim or @lindapaiste to assign it to us.

raclim commented 2 weeks ago

@shujuuu Since you first raised the issue, I think it's cool if you create the PR for it as well! We do still have a few other mobile issues that could be checked out as well!

shujuuu commented 2 weeks ago

Will check them out! Thanks @raclim! 😊