search

PMunch / nim-playground-frontend

The front-end for https://play.nim-lang.org
45 stars 16 forks source link

Improve UI #10

Closed juancarlospaco closed 4 years ago

juancarlospaco commented 4 years ago

Chrome

temp

temp2

Firefox

temp3

temp4

Squared size with Options panel Collapsed

temp5

juancarlospaco commented 4 years ago

Let me know any comments @PMunch :slightly_smiling_face:

juancarlospaco commented 4 years ago

Any news on this?. :thinking:

PMunch commented 4 years ago

Sorry, completely forgot to reply to this. I'm going to be rewriting the entire UI for the playground, so fixing these issues haven't been a high priority of mine. As to your design I have a few issues with it (just judging from the screen-shots). First off, why is the background now black? The way the share/run buttons are in a gray box on a white background looks really weird. Second, where did the debug/output button go (and the output itself for that matter..). The option switcher itself looks okay, but why are the text labels all in different colours? And why is the font chooser box a different colour than the rest of the elements? When it is in the single-column mode it would also look a lot cleaner if all of these elements where the same width, and possibly switch it to a two-column look with the label to the left of the elements. Those are just my initial impressions.