[GH-ISSUE #4242] [Bug]: sign on screen not optimized in mobile UI #27589

Closed
opened 2026-04-18 04:10:43 -05:00 by GiteaMirror · 5 comments
Owner

Originally created by @tareeshK on GitHub (Jan 26, 2025).
Original GitHub issue: https://github.com/actualbudget/actual/issues/4242

Verified issue does not already exist?

  • I have searched and found no existing issue

What happened?

When you try to sign on in mobile UI, the screen shown in the desktop one

How can we reproduce the issue?

How can we reproduce the issue?

sign into the server in mobile UI.

Image

Where are you hosting Actual?

Fly.io

What browsers are you seeing the problem on?

Chrome

Operating System

Mobile Device

Originally created by @tareeshK on GitHub (Jan 26, 2025). Original GitHub issue: https://github.com/actualbudget/actual/issues/4242 ### Verified issue does not already exist? - [x] I have searched and found no existing issue ### What happened? When you try to sign on in mobile UI, the screen shown in the desktop one ### How can we reproduce the issue? How can we reproduce the issue? sign into the server in mobile UI. ![Image](https://github.com/user-attachments/assets/18c2c63c-e8c6-487f-b9d4-d98f183b8f87) ### Where are you hosting Actual? Fly.io ### What browsers are you seeing the problem on? Chrome ### Operating System Mobile Device
GiteaMirror added the bug label 2026-04-18 04:10:43 -05:00
Author
Owner

@tareeshK commented on GitHub (Jan 28, 2025):

I just tested the openID feature and the login screen for that is optimized. Its only the password login that has the bug.

Image

Image

<!-- gh-comment-id:2618939855 --> @tareeshK commented on GitHub (Jan 28, 2025): I just tested the openID feature and the login screen for that is optimized. Its only the password login that has the bug. ![Image](https://github.com/user-attachments/assets/d2892b2c-97a7-4703-ba44-e4381f930bda) ![Image](https://github.com/user-attachments/assets/9f2d282d-e7be-45ee-953b-abd8d09f2cab)
Author
Owner

@matt-fidd commented on GitHub (Jan 30, 2025):

I can't replicate this on edge, is your screen size extremely small? Even down to iPhone SE it's looking okay, albeit a bit squished.

Image
<!-- gh-comment-id:2625728094 --> @matt-fidd commented on GitHub (Jan 30, 2025): I can't replicate this on edge, is your screen size extremely small? Even down to iPhone SE it's looking okay, albeit a bit squished. <img width="561" alt="Image" src="https://github.com/user-attachments/assets/d86fcc51-09f4-481c-82a7-f1e1dfd91fdf" />
Author
Owner

@tareeshK commented on GitHub (Jan 30, 2025):

I can't replicate this on edge, is your screen size extremely small? Even down to iPhone SE it's looking okay, albeit a bit squished.

Image

The previous screenshots are from an s22+.

I did create a few custom devices on edge for newer Samsung phones and they all seem to have the same issue.

I think it depends on aspect ratio. Newer phones, especially Samsung, have taller screens

<!-- gh-comment-id:2625774959 --> @tareeshK commented on GitHub (Jan 30, 2025): > I can't replicate this on edge, is your screen size extremely small? Even down to iPhone SE it's looking okay, albeit a bit squished. > > <img alt="Image" width="561" src="https://private-user-images.githubusercontent.com/81489167/408325461-d86fcc51-09f4-481c-82a7-f1e1dfd91fdf.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MzgyNzY2NzksIm5iZiI6MTczODI3NjM3OSwicGF0aCI6Ii84MTQ4OTE2Ny80MDgzMjU0NjEtZDg2ZmNjNTEtMDlmNC00ODFjLTgyYTctZjFlMWRmZDkxZmRmLnBuZz9YLUFtei1BbGdvcml0aG09QVdTNC1ITUFDLVNIQTI1NiZYLUFtei1DcmVkZW50aWFsPUFLSUFWQ09EWUxTQTUzUFFLNFpBJTJGMjAyNTAxMzAlMkZ1cy1lYXN0LTElMkZzMyUyRmF3czRfcmVxdWVzdCZYLUFtei1EYXRlPTIwMjUwMTMwVDIyMzI1OVomWC1BbXotRXhwaXJlcz0zMDAmWC1BbXotU2lnbmF0dXJlPTA5MWQ4YmZjNWEwN2U0NmU2OTVlODI1NmZlYTFjZjhhZTVlZWU3NWM3YTcxNjE0MTc2MWJmNzllMzg1N2Y3NmYmWC1BbXotU2lnbmVkSGVhZGVycz1ob3N0In0.Uin5_a_ZDda_zabfF6uE0HPmZj_GFQEa5StNJjIszzA"> The previous screenshots are from an s22+. I did create a few custom devices on edge for newer Samsung phones and they all seem to have the same issue. I think it depends on aspect ratio. Newer phones, especially Samsung, have taller screens
Author
Owner

@matt-fidd commented on GitHub (Jan 30, 2025):

The previous screenshots are from an s22+.

I did create a few custom devices on edge for newer Samsung phones and they all seem to have the same issue.

I think it depends on aspect ratio. Newer phones, especially Samsung, have taller screens

Could you give https://deploy-preview-4266.demo.actualbudget.org/ a go please?

<!-- gh-comment-id:2625798048 --> @matt-fidd commented on GitHub (Jan 30, 2025): > The previous screenshots are from an s22+. > > I did create a few custom devices on edge for newer Samsung phones and they all seem to have the same issue. > > I think it depends on aspect ratio. Newer phones, especially Samsung, have taller screens Could you give https://deploy-preview-4266.demo.actualbudget.org/ a go please?
Author
Owner

@tareeshK commented on GitHub (Jan 30, 2025):

The previous screenshots are from an s22+.
I did create a few custom devices on edge for newer Samsung phones and they all seem to have the same issue.
I think it depends on aspect ratio. Newer phones, especially Samsung, have taller screens

Could you give https://deploy-preview-4266.demo.actualbudget.org/ a go please?

This works

<!-- gh-comment-id:2625897429 --> @tareeshK commented on GitHub (Jan 30, 2025): > > The previous screenshots are from an s22+. > > I did create a few custom devices on edge for newer Samsung phones and they all seem to have the same issue. > > I think it depends on aspect ratio. Newer phones, especially Samsung, have taller screens > > Could you give https://deploy-preview-4266.demo.actualbudget.org/ a go please? This works
Sign in to join this conversation.
1 Participants
Notifications
Due Date
No due date set.
Dependencies

No dependencies set.

Reference: github-starred/actual#27589