Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Edge Android messes up UI when using 110% Text size #1289

Open
tkoenig89 opened this issue Jun 3, 2024 · 8 comments
Open

Edge Android messes up UI when using 110% Text size #1289

tkoenig89 opened this issue Jun 3, 2024 · 8 comments
Labels
bug Something isn't working prio:low ui UI related

Comments

@tkoenig89
Copy link

I just updated my docker stack today to the latest version and sadly i found my mobile view to look pretty bad. I would not say its broken, but its bad in comparison to how well it worked before. I hope there might be a simple css fix, as the UI does not use the full width of the screen. Version before update was from February.

Screenshot_20240603-222424

@pkuehnel
Copy link
Owner

pkuehnel commented Jun 4, 2024

Hmm, does not look like that for me. Which phone do you have and which browser are you using?

@pkuehnel pkuehnel added waiting for feedback Waiting for feedback of issue creator ui UI related labels Jun 4, 2024
@tkoenig89
Copy link
Author

Thanks for the quick reply. I have a Moto G54 5G (Android 14) running the latest Version of Edge (the Chromium based one). Until the update everything looked pretty organized on mobile, which was quite nice because i mostly use TSC from my phone.

@github-actions github-actions bot removed the waiting for feedback Waiting for feedback of issue creator label Jun 4, 2024
@pkuehnel
Copy link
Owner

pkuehnel commented Jun 4, 2024

Hmm, I can only reproduce the issue with a width below 193 pixels, and then I do not have more space, so makes sense that it is that way. Can you reproduce the issue in Chrome also?

@pkuehnel pkuehnel added waiting for feedback Waiting for feedback of issue creator labels Jun 4, 2024
@tkoenig89
Copy link
Author

I just checked with Firefox on my Phone and it looks good (just as before on Edge). Then i went back to Edge and looked through my settings and found Text Scaling which was set to 110%. Changing this to 100% fixed the weird display on TSC.

As the 110% scaling was active for quite some time i guess there is a recent change in the UI that does not render well with the text scaling.

Unfortunately I cannot change the scaling just for one site. But as I don't really need the additional 10% font size, we can close this issue, as i assume an issue like this might be hard to reproduce/find.

@github-actions github-actions bot removed the waiting for feedback Waiting for feedback of issue creator label Jun 4, 2024
@pkuehnel
Copy link
Owner

pkuehnel commented Jun 4, 2024

Do you know which version you had before and which version do you have now, so I can check on changes.

@tkoenig89
Copy link
Author

It's now at 2.25.5 and I'm pretty sure before i had 2.24.7. First time installed TSC in February and never got prompted for an update until a few days ago. Then updated the complete docker stack. Now showing 2.25.5.

@pkuehnel
Copy link
Owner

pkuehnel commented Jun 4, 2024

I can reproduce the issue but only on Edge on Android.

@pkuehnel pkuehnel changed the title Mobile UI ugly since latest update Edge Android messes up UI when using 110% Text size Jun 4, 2024
@pkuehnel pkuehnel added bug Something isn't working prio:low labels Jun 4, 2024
@tkoenig89
Copy link
Author

Thanks for looking into this. But this has very low priority, as there is already a simple fix (Unless someone depends on increased font size - and even then the UI works in general). And thank you in general for providing this very nice and valuable software!

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
bug Something isn't working prio:low ui UI related
Projects
None yet
Development

No branches or pull requests

2 participants