More responsive mobile UI #25

New issue

Closed

opened 2026-05-25 23:53:38 +00:00 by firepear · 3 comments

firepear commented

2026-05-25 23:53:38 +00:00

Owner

When a device has a very wide aspect ratio (i.e. a phone held sideways), do not display the artist list.

window.innerWidth / window.innerHeight

Do testing to figure out what a reasonable ratio for this is.

When a device has a very wide aspect ratio (i.e. a phone held sideways), do not display the artist list. `window.innerWidth / window.innerHeight` Do testing to figure out what a reasonable ratio for this is.

firepear added this to the v0.27 milestone

2026-05-25 23:53:38 +00:00

firepear self-assigned this

2026-05-25 23:53:38 +00:00

firepear commented

2026-05-26 03:56:35 +00:00

Author

Owner

Aspect ratios

iPhone 15
portrait (no tabbar)	0.565
landscape (no tabs)	2.232
landscape (tabs)	2.592

iPad Mini 7
portrait (no tabs)	0.710
portrait (tabs)	0.743
landscape (no tabs)	1.720
landscape (tabs)	1.850

Firefox on desktop, fullscreen: roughly 1.6

## Aspect ratios | iPhone 15 | | |--------------------|--------| | portrait (no tabbar) | 0.565 | | landscape (no tabs) | 2.232 | | landscape (tabs) | 2.592 | | iPad Mini 7 | | |------------------|--------| | portrait (no tabs) | 0.710 | | portrait (tabs) | 0.743 | | landscape (no tabs) | 1.720 | | landscape (tabs) | 1.850 | Firefox on desktop, fullscreen: roughly 1.6

firepear commented

2026-05-30 19:43:05 +00:00

Author

Owner

A more responsive UI has been created via the orientation change functions. Code for phone-profile devices (ratio > 2) are in place. Working on tablet-profile.

firepear commented

2026-05-30 21:53:35 +00:00

Author

Owner

This is now done, or a very reasonable approximation of done.

This was irritating enough that I'm calling this v0.27, so i can push out a new version.

This is now done, or a very reasonable approximation of done. This was irritating enough that I'm calling this v0.27, so i can push out a new version.

firepear closed this issue

2026-05-30 21:53:35 +00:00