The website is terrible on unusual DPIs / scales / fonts
tracked
ᴋᴀᴡᴀ
I have poor eyesight and for this reason I have enlarged scales configured both at the system level and at the browser level.
Most desktop applications and web sites in 2023 are DPI/scale/fonts-aware and are displayed acceptably with different visualisation features of client devices, work well and for the most part do not cause problems.
But not the VRChat site.
It is simply torn apart, as if falling into a black hole.
Please test your site with different DPI/scale/font emulation.
Below, a few screenshots of how terrible it looks to me.
Log In
This post was marked as
tracked
StormRel
needs more information
StormRel
Hello! Thanks for reporting this. A number have updates have gone out since this post, could you confirm this issue is still occurring?
ᴋᴀᴡᴀ
StormRel: Yes, the screenshot in posts below from 3days ago - looks the same.
Older screenshots outside of new profile page - same.
Here few more.
Elements have inconsistent or invalid size both in main area and on the wing.
ᴋᴀᴡᴀ
And as you can see, since last time, I moved from Windows 10 to Windows 11 😅
ᴋᴀᴡᴀ
Popups over thumbnails - broken
(See VRChat Home)
ᴋᴀᴡᴀ
New UI for profiles are better, but still some issues can be seen.
Nickname, status and rank moved away.
Strange shape of Notes field when wing closed (When open it's OK)
ᴋᴀᴡᴀ
Unnecessary vertical scroll (Why not to make this section vertiacally longer?)
Broken language badge.
owlboy
These same issues heavily impact use on various mobile phones and tablets.
ᴋᴀᴡᴀ
And, yes, I checked all the browsers I have:
Firefox:
ᴋᴀᴡᴀ
Chrome:
ᴋᴀᴡᴀ
MS Edge (my main browser):
ᴋᴀᴡᴀ
Yea, closing the wing on the right side helps a little, but it is still confusing why elements flow and wrap so bad.