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.

[stale[bot]]

This issue has been automatically marked as stale because it has not had recent activity. It will be closed if no activity occurs in the next 5 days.

[bpmct]

I use code-server a lot, when I resize code-server with browser scaling, it will also resize other windows on the host. Being able to resize inside code-server would be huge

[jsjoeio]

I wonder if this is an issue upstream. We'll have to investigate but from a quick check, seems like it works as expected on vscode.dev

[bpmct]

Being able to leverage a code-server "zoom in+out" feature instead of the browser would be awesome.

Since the browser zoom carries over across all paths on the domain, https://mydomain.com/about and https://mydomain.com/code-server would have the same scaling which is not ideal.

Currently, the only option specific to code-server is the font, which does not carry over to the terminal or sidebar.

[and-pete]

Since the browser zoom carries over across all paths on the domain, https://mydomain.com/about and https://mydomain.com/code-server would have the same scaling which is not ideal.

Does the browser zoom setting carry across sub-domains also? If not, I might take the interim step of reconfiguring my code-servers to be at https://code-server.mydomain.com/ instead of https://mydomain.com/code-server

[jsjoeio]

Does the browser zoom setting carry across sub-domains also? If not, I might take the interim step of reconfiguring my code-servers to be at https://code-server.mydomain.com/ instead of https://mydomain.com/code-server

I just tested with netlify.com and app.netlify.com and it didn't so that should work!

[WaelShaikh]

+1

I am facing the same issue on my phone. Adding an option to change UI scaling, either via an option in the editor or by modifying a config file before launch would be useful.

[navanshu]

UI scaling without using the browser zoom is necessary, especially for people who work on small screens. VScode stores it in user preferences under "window.zoomLevel": 1

[Asher219]

UI scaling without using the browser zoom is necessary, especially for people who work on small screens. VScode stores it in user preferences under "window.zoomLevel": 1

Please show me how to do that

[zeeyado]

window.zoomLevel seems disabled in code-server?

Are there any functioning workarounds for Android?

Other than system wide scaling I mean.