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:

jspaint/styles/layout.css

Lines 54 to 68 in 29be5cf

	@media (max-width: 300px) {
	.horizontal > .component-area {
	display: none;
	}
	}
	@media (max-height: 340px) {
	.vertical > .component-area {
	display: none;
	}
	}
	@media (max-height: 370px) {
	.vertical > .status-area {
	display: none !important;
	}
	}

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.