element-hq / element-hq/element-ios

Improve layout of app in landscape orientation

Open
#5,786 1 comment 1 reaction 0 assignees View on GitHub
A-Room A-Room-List O-Occasional S-Minor T-Defect Z-Community-Testing
Dominant language
Swift
Stars
1.8k
Forks
544
PR merge metrics
PR metrics pending

Description

### Steps to reproduce

1. Open a room or DM
2. Using an iPhone 11, turn it into landscape orientation

### Outcome

#### What did you expect?

Good spacing and layout, e.g. like in the Messages app:
![ima_9c029b9](https://user-images.githubusercontent.com/51663/157451397-4184ba73-8148-4e6f-aa10-1aae8b81a47d.png)

#### What happened instead?
Improvements could include the following:

- the `<15` in the room header should be visible
- reactions shouldn't be on top of the message
- the icons at the bottom are misaligned between home and the composer
- the homescreen tabs are not respecting the padding right and left of the screen… but also, while that space looks like it complies with the expected behaviour on iOS, as a user, it would be handy for me to see more of the left panel

![ima_9269f7f](https://user-images.githubusercontent.com/51663/157451429-167027cb-1a0b-4a95-a72e-dfa157e7b297.png)

### Your phone model

iPhone 11

### Operating system version

iOS 15.3.1

### Application version

Gil's Spaces Alpha build

### Homeserver

_No response_

### Will you send logs?

No

Contributor guide

Open the contributing guide

Research direction

Reproduce the layout on an iPhone 11 running iOS 15.3.1 by opening a room or DM and rotating to landscape. Inspect the room header, message reactions, bottom icons, and homescreen tabs; done means the header text is visible, reactions do not overlap messages, icons align, and tab padding and panel visibility match the expected layout.

Written by the indexing model from the issue text.

Assessment

Tech stack
ios, swift
Domain
mobile
Issue type
Bug
Difficulty
4/5
Estimated time
3-5 days
Activity status
Stale
Clarity
Mostly clear
Newbie friendliness
42/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.