Skip to content

Fix: phone layout on sideways and large screens - #560

Merged
SandObserver merged 1 commit into
mainfrom
fix/sideways-phone-layout
Oct 26, 2026
Merged

SandObserver merged 1 commit into
mainfrom
fix/sideways-phone-layout

Conversation

@SandObserver

Copy link
Copy Markdown
Owner

Summary

  • Keep the phone home screen on a phone held sideways: isMobileLayout(true) also matches iPhone|iPod|Android.*Mobile, so Android tablets keep the desktop layout.
  • Scale the phone layout by height as well as width (BASE_VH), and stop scaling above the widest phone (430) so wider layouts get more cells instead of larger ones.
  • Size the Dock box from its icons when the grid caps them (dockFit), keeping the icon-to-Dock ratio of a full-size phone; the search pill follows the Dock height.
  • Count rows from the column width on layouts wider than a phone with labels hidden, so cells stay square and two icon rows match a small widget.
  • Settings keeps its sidebar on short landscape windows (max-height:500px) and on screens at least 600 wide with a window at least 600 wide; the sidebar is 200px below 769. The preload script mirrors the rule.
  • Set -webkit-text-size-adjust:100% in widget-theme.js, so iOS Safari no longer enlarges widget text in landscape.

Testing
All green, including e2e on Chromium and WebKit. Added tests for the sideways rules, height scaling, square cells, Dock sizing and widget text sizing.

Changelog

Fixed

  • Show the phone home screen with a correctly sized Dock on phones held sideways.
  • Stop iOS Safari from enlarging widget text in landscape.
  • Keep the Settings sidebar on short landscape screens and on large screens such as an unfolded phone.
  • Stop the home screen from enlarging icons on screens wider than a phone.

Checklist

  • Stays within the project constraints: one container, no runtime dependencies, no build step (see CONTRIBUTING.md).
  • Tests added or updated for new logic, and the full suite, lint, and typechecks pass.
  • Docs updated if behavior or configuration changed.

Keep the phone home screen on a phone held sideways, scale it by height,
size the Dock to its icons and keep square cells on layouts wider than a
phone. Keep the Settings sidebar on short landscape and large screens.
Stop iOS Safari from enlarging widget text in landscape.
@SandObserver SandObserver added the ui/ux UI, UX, and accessibility only fix label Oct 26, 2026
@SandObserver
SandObserver merged commit bba9952 into main Oct 26, 2026
6 checks passed
@SandObserver
SandObserver deleted the fix/sideways-phone-layout branch October 26, 2026 06:46
stackyard-release Bot pushed a commit that referenced this pull request Oct 26, 2026
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

ui/ux UI, UX, and accessibility only fix

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant