Control handles extremely small on mobile device

[tavurth]

Godot version:

OS/device including version:

Android Nexus 6P (screen size 2560 x 1440)

Issue description:
Control handles are extremely small on my mobile device, which has a large resolution.

Display scaling with expand viewport doesn't help me much in this case as I would like to use the sensor of the device to rotate the controls without them appearing stretched or crushed.

Desktop screenshot

Mobile screenshots

Notice the handle size of the SpinBox is still just a couple of pixels high.

As well as the HScrollBar has just a few pixels of width for the handle. On mobile this is impossible to grab, as the real screen size is less than 1mm.

Steps to reproduce:
Take any mobile device with a high screen resolution
Controls handles will be unusably small.

Minimal reproduction project:
https://github.com/tavurth/godot-controlsize-bug

Perhaps there's a way to control the size of the handles?

[Calinou]

Try using the 2d stretch mode and expand stretch aspect as described in the Multiple resolutions documentation.

If you use the disabled stretch mode, UI elements will be small as no scaling will be performed, regardless of the base resolution defined in the Project Settings. This is expected. Usually, you should only use the disabled stretch mode for desktop non-game applications.

You can increase the size of the SpinBox handles by creating a custom theme and replacing the updown icon in the SpinBox class with a larger version.

[tavurth]

@Calinou I see, I'd previously tried that but it was giving me a weird stretching effect of my GUI controls.
I see now that it was because I'd anchored them rather than using a VBox or HBox.

Thank you for getting me to check it again! I'll close this 👍