WebUi 1.4.0.107 - icon images scaling

[DCCentR]

It's certainly not a bug, but I thought I could improve the scaling of admin icons a bit without replacing the images themselves.

fix.png (32.06 KiB) Viewed 804 times

Looks like somthing like these:

Code: Select all

background-size: 100% 100%

or

Code: Select all

background-size: 34px 34px

or

Code: Select all

background-size: contain

Does a better job at scaling icons (more detail retained, less jaggedness, a little smoother) than current:

Code: Select all

background-size: cover

I don't know much about HTML, but I thought this was a way to improve the display of icons a little bit
UPD: This seems to be relevant for Chrome and Edge, in Firefox the icons look fine even without this changes

[emcodem]

Hehe that is a very dedicated feature request, thanks a lot for it.

I didnt dig into the different modes for background-size and in general this scaling stuff seems to be one of the dark arts in html. We come from fixed pixel size but i was not happy with how it scales.
Also i was not completely satisified with your proposed "contain" alone because the images looked a bit less sharp on my main Screen (UHD, 1,5 times scale factor).
So i decided to convert all of the icons from png to sgv (we finally have an official svg ffastrans logo now as well ) but also i changed to "contain" as you proposed. The changes are done and pushed to github but of coruse a new build will take a while, we don't want to update releases every day