Refactor iPad version of mobile app
Goal
To improve the mobile app UX on iPad on both portrait and landscape mode, by permitting rotation and rerender the toolbar from bottom on portrait to the left side on landscape mode.
What needs to be done
- permit rotation
- refactor the toolbar navigator to hide the bottom toolbar and display a side toolbar on the left side if on iPad
- the side toolbar will display only icons if in portrait mode, and icons and text if in landscape mode.
- adjust the max width of 600px.
- permit the scrolling of the newsfeed even when tapping outside the max width.
UX/Design
-
Figma link
Experiments / Feature Flags
-
...
Acceptance Criteria
-
...
-
Scenario: iPad in portrait mode
- Given that I'm on an iPad in portrait mode
- And the side bar is rendered only with icons
- When I rotate the iPad in landscape mode
- Then the side bar will re-render showing the labels for each icon button
- Given that I'm on an iPad in portrait mode
-
Scenario: iPad in landscape mode
- Given that I'm on an iPad in landscape mode
- And the side bar is rendered with icons and labels
- When I rotate the iPad in portrait mode
- Then the side bar will re-render showing only the icons of the buttons
- Given that I'm on an iPad in landscape mode
-
Scenario: iPad in landscape or portrait mode
- Given that I'm on an iPad
- When I tap and scroll outside the area of and activity
- Then the newsfeed should scroll the same as tapping on activity when scrolling
Definition of Ready Checklist
-
Definition Of Done (DoD) -
UX/Design -
BackEnd available -
Experiments / Feature Flags -
Acceptance criteria