4ever-clojure icon indicating copy to clipboard operation
4ever-clojure copied to clipboard

Modal doesn't work on mobile

Open Invertisment opened this issue 1 year ago • 6 comments

When I try to solve anything on mobile then modal takes the wrong part of the screen. Why do you want to have that modal at all? Why not display the result inline as the original 4clojure did? It simply worked.

For instance in this screenshot (from my phone) I don't see the result and I can't close the modal because the button it outside of the screen.

This also makes so that you can't simply run commands in the REPL and only when you're happy then you send them to evaluate for the test check. This also hides the results so that you won't be able to see them when you type your code.

Screenshot: image

Invertisment avatar Aug 08 '22 05:08 Invertisment

I added PR https://github.com/oxalorg/4ever-clojure/pull/62 to cap the width of the modal and now it looks like this (rough for the long problems but it's at least something):

image

Invertisment avatar Aug 08 '22 06:08 Invertisment

Why do you want to have that modal at all?

I agree that we should not show a modal at all if we don't have to.

borkdude avatar Aug 08 '22 08:08 borkdude

Your comment is ambiguous. I think that there should be a button to evaluate and to "attempt". And I don't think that those buttons should show any modals. But if they show then those modals should be at least readable on all devices.

What did you try to propose?

Invertisment avatar Aug 09 '22 12:08 Invertisment

I've made a remark to @oxalorg before that I didn't like the modal either and would rather see it removed. I'm not sure if he agrees. Ultimately @oxalorg is in charge of the UI, so I'll let him comment :)

borkdude avatar Aug 09 '22 12:08 borkdude

Alright. Well if he decides to keep the modal then I think my PR should be merged.

Invertisment avatar Aug 09 '22 12:08 Invertisment

I 💯 agree with both of y'all! Maybe it's time to get rid of the modal completely! :)

oxalorg avatar Aug 10 '22 14:08 oxalorg