Rescale UI Elements for 4K Displays

[frvgs]

I'm used to playing on 4k screens and the Menu UI was almost unreadable

as described in this issue I used media queries targeting displays with a min-height of 2160px to rescale the Menu

Tested UI elements on both standard and 4K resolutions and verified that UI adjustments are applied only on displays with a height of 2160px or greater.

before

after

[tabarra]

That's awesome, thanks.
@TasoOneAsia mind reviewing it?

[iSentrie]

[frvgs]

mb, those weren't the right screenshots, here's what it looks like before and after the rescale on 4k displays :

before after rescale

[iSentrie]

a bit weird that font size differs should be

[frvgs]

a bit weird that font size differs should be

Thank you for your feedback, it's fixed

[tabarra]

Hey @frvgs, thanks for the PR.
With txAdmin v7 and new UI, there is a chance that soon I'll migrate the ingame UI to use the same library and visual styles of the web UI, and with that, everything will be measured in REM units, solving this issue properly.

As of now, I'm not sure if this will be done, or when this will be done, so I'll leave this PR open in case I decide to merge it instead.

[Z3rio]

Hey @frvgs, thanks for the PR. With txAdmin v7 and new UI, there is a chance that soon I'll migrate the ingame UI to use the same library and visual styles of the web UI, and with that, everything will be measured in REM units, solving this issue properly.

As of now, I'm not sure if this will be done, or when this will be done, so I'll leave this PR open in case I decide to merge it instead.

Yep ^^ This should be one of the better solutions. To turn all px -> rem, and then just update the rem unit at the head object. Way less hacky than this, and more uniform!

I could perhaps help out with this if I have some time over