Giter Site home page Giter Site logo

Comments (3)

no-stack-dub-sack avatar no-stack-dub-sack commented on May 27, 2024

Hey @brisourceful, thanks for opening this issue. Yes, I've def noticed this before, and have been wondering what to do about it for a while. Overall, the site really isn't optimized for smaller screen sizes. Since this is an in-browser coding project, I figured smaller-screen optimization could be sort of low on the priority list, but ideally, I'd eventually like to make the site fully responsive, to the point where on smaller screens, the menu and console are hidden by default and can be opened by click/touch.

In the meantime, what are your thoughts on what the best solution is?

I'm working on a big PR (#25), and have a bandaid for this worked in: essentially, below a certain width, the console pane just slides all the way up, hiding the menu, which reappears when you get past that same breakpoint. This really just avoids the real problem of poor responsiveness, but does hide the ugly results. EDIT: I just realized this solution had some problematic edge cases. Instead, adding overflow-x: hidden to the menu divs at least keeps the buttons contained, though it doesn't look very good. What do you think? I'm open to suggestions if you got any!

P.S. Once this big PR is in, I'm really going to be looking for active contributors to help take the site to the next level! If you're interested, please let me know!

from cs-playground-react.

brisourceful avatar brisourceful commented on May 27, 2024

Sorry for the super delay in my reply. I've been slammed at work. I think the update looks a lot better and is more responsive. I'm happy to help here and there when I can as I find this project very valuable.

from cs-playground-react.

no-stack-dub-sack avatar no-stack-dub-sack commented on May 27, 2024

@brisourceful no worries, and glad to hear you find the project useful! If you ever have any extra time, I'd still welcome the contributions. I think the biggest need at this point is to improve the content - especially the algorithms section. So if you know of any cool challenges, hopefully adding them in isn't too painful (though this is something that could be worked on, as it does require editing at least a couple of files right now).

Anyway, a new PR has recently been merged which improves the menu UI ten-fold, so I think this problem is non-existent at this point.

from cs-playground-react.

Related Issues (20)

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.