Steppers don't work properly when panel is zoomed

I use zoom: 1.5 for root div because otherwise panel is too small for my liking. But the issue is that steppers don’t work properly when panel is zoomed. By stepper I mean input defined with options { step: 1, min: 1, max: 100 }

Thank you for a great library. It is great aesthetic alternative for dat.gui

[felixakiragreen]

Hey @cocopon !

Fantastic library, thank you for all the work you’ve put into this!

Just wanted to drop a note letting you know that zoom is broken again for sliders. But, it’s not a big issue, so that’s why I didn’t create a new issue for it.

I have pretty bad eyesight, so I wanted to make my tweakpane 150% bigger. After zoom not working, I tried transform scale, which does work, but messes up the layout of my page. I dug into the theming and found --tp-blade-unit-size but that only adjusted the height, not the text size.

Leaving this here in case it’s helpful for anyone else: I was able to get everything to a nice place by using these styles:

<style>
	:root {
		--tp-blade-unit-size: 24px;
	}
	.tp-rotv {
		font-size: 14px !important;
	}
	.tp-lblv_v {
		min-width: 50% !important;
	}
</style>

[vforsh]

@cocopon Fixed, works like a charm. Thank you!