Skip to content

Improve torconnect layouts for all screen sizes

Context

For #41188 (closed) we have portrait designs, but don't have landscape (and other non-protrait-phone) designs. How do we want the landscape (and other non-portriat-phone sizes) to look for connection assist? I was messing with trying to make it look better and have some references. I made the buttons have a max width, brought the toggle closer to the text, and reduced the spacing for the text so that it fits better horizontally (otherwise views start overlapping on certain screens with enough going on)

Old layouts

Click to expand

Mock Native Landscape

Mock_Native_Landscape

Current HTML Landscape

HTML_Landscape

Mock Tablet

Mock_Tablet

Mock Foldable

Mock_Foldable

Current Native Portrait

Native_Portrait

Updated layouts

  • PNGs below the description
  • Technical specifications in the Figma file
Edited by clairehurst
To upload designs, you'll need to enable LFS and have an admin enable hashed storage. More information