Cut screen on mobile

[Tau5]

https://i.imgur.com/0DtrD34.png

[1j01]

Yeah, it's the same on my phone; I have to use portrait mode. Currently there are media query rules that hide components when the view is small enough:

https://github.com/1j01/jspaint/blob/29be5cf88a7a9ba4350990b4f3c8b381ee83b608/styles/layout.css#L54-L68

Win7 paint hides (and compacts) UI elements at lots of points, which is probably why I went with that option. Win98 has a minimum window size, which is not something we can do, and indeed it would be nice to support this viewport size/orientation which is smaller than Win98 paint allows.

I could add an option in View to Go Fullscreen, but I don't think that would be enough. I think we'd need to do something like make a vertical mode for the color palette component, or support mixing up the structure of the sidebars so that instead of the palette going underneath the toolbox:

It could go beside it to be more vertically compact (don't mind the lack of scrollbars):

I'm not sure what the best course of action is here. It could have a more advanced system for rearranging the UI like some IDEs have, or just a special case for when the components don't fit that triggers it to rearrange things (probably via JavaScript, not CSS)

[lafoxxx92]

Adjust your browser's text size (set to Tiny)

[1j01]

You have a few options now:

• You can use View > Fullscreen to hide the address bar and notifications bar; on my phone this lets the color box show
• If that works for you, you can add JS Paint to your home screen, and when you launch it it will be fullscreen (except maybe for the notifications bar...)
• You can make the color box vertical in Extras > Vertical Color Box
• You can use the app in vertical orientation (portrait)

but something that works automatically would be best.