search

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.41k stars 1.35k forks source link

Make src button a file icon for a seemless experience. #2888

Open arpitghura opened 10 months ago

arpitghura commented 10 months ago

Increasing Access

The Current Icon arrows can not depicts anything to the end user to understand whether this is used to view all the source files or not.

On the first time, I also not able to understand that this button helps in viewing src files but when I looked it in mobile then I thought this button did this thing. So, it's better to update that icons with the same as used in mobile view.

Current Desktop Version File sidebar open close button Icon: image

Current Mobile Version File sidebar open close button Icon: image

Feature enhancement details

The button icon should be the same as on mobile devices on the desktop.

katiejliu commented 7 months ago

Perhaps we can merge the two for both web and mobile. This UI gives users indication on what is being shown (files) but also that the button is clickable @raclim

Screenshot 2024-04-12 at 11 40 35 AM Screenshot 2024-04-12 at 11 40 30 AM

ckable and not a decorative element.

katiejliu commented 7 months ago

This issue also similar to this issue https://github.com/processing/p5.js-web-editor/issues/2953 and

https://github.com/processing/p5.js-web-editor/issues/2881 @raclim

The second issue seems like a good suggestion for this problem as well