Code-server: UI scaling

[djdisodo]

there is users using this on mobile device
most of mobile browsers doesn't support scaling(in PC Ctrl+mWheel)

so it's nearly impossible to change ui size
(for firefox about:config -> layout.css.devPixelsPerPx; systemwide)

can we add some feature to scale ui size?

[nhooyr]

most of mobile browsers doesn't support scaling

Which browsers? Any browser that doesn't has a major accessibility issue.

iOS devices at least do support scaling.

[sr229]

UI scaling is more of a browser side issue, you can just zoom out if needed since VS Code supports scaling by default.

[djdisodo]

@nhooyr
i didn't know about ios
@sr229
pinch to zoom works
but how can i do when i want to make it smaller

like the screenshot here
normal: https://ibb.co/dDdpHpc
smaller: https://ibb.co/3zXFgNw

the ui size option in vscode seems not working here

[sr229]

@nhooyr
i didn't know about ios
@sr229
pinch to zoom works
but how can i do when i want to make it smaller

like the screenshot here
normal: https://ibb.co/dDdpHpc
smaller: https://ibb.co/3zXFgNw

the ui size option in vscode seems not working here

That's bound to a Electron API call IIRC, hence why it doesn't work.

[djdisodo]

though it is browser issue, i thnk it could be processed server side

[nhooyr]

Unfortunately I don't have an android device so I can't comment further.

cc @code-asher might know.

[djdisodo]

i'll test this (adding header) at home

https://stackoverflow.com/questions/9510359/set-size-of-html-page-and-browser-window

[djdisodo]

adding this to header will just gonna work
https://pastebin.com/fkaAPk4h
90%is just example

edit: not working cause it has hard-coded width, height controled by js

[code-asher]

On Firefox for Android at least there are options to scale according to the overall system but nothing to scale an individual website smaller.

As @sr229 mentioned the scaling in VS Code is Electron-based which is why it's missing but we could re-implement it with the CSS @djdisodo posted.