Content
View differences
Updated by Parimal Satyal almost 4 years ago
### Steps to reproduce
1. On mobile go to login screen.
2. Go to team planner.
### What is the buggy behavior?
* Layout issues.
<img class="op-uc-image op-uc-image_inline" style="width:179px;" src="/api/v3/attachments/36709/content">
<img class="op-uc-image op-uc-image_inline" style="width:188px;" src="/api/v3/attachments/36710/content">
### What is the expected behavior?
**For the login screen:**
* The text wraps properly and is not cut off.
**For the team planner, on mobile:**
The team planner isn't fully designed for use on mobile screens. However, users should be able to consult their planner and access work packages. To aid in this, we recomend making these changes on mobile:
* Remove the "+ Add existing" button
* Remove the "1-week | 2-week" toggle
* Align the current date "August 2022" to the left of the screen
* Remove the "Assignee" ("Zugewiesen an") string on the table header, leaving only the icon
* Remove the names of all assignees, leaving only the avatar
* This should reduce the width of the assignee column greatly, to around 60px.
The team planner should render like this on mobile:
<img class="op-uc-image op-uc-image_inline" style="width:375px;" src="/api/v3/attachments/37059/content"> 1. Properly displayed.
### Environment information
**OpenProject installation type**
* [x] Hosted cloud edition
* [ ] Packaged installation
* What distribution?
* [ ] Docker All-in-one container
* [ ] Docker-compose installation
* [ ] Other (please specify)
**OpenProject version**
12.2
**Browser**
* [ ] Chrome
* [ ] Firefox
* [ ] Safari
* [x] Mobile Safari
* [ ] Other (please specify)
1. On mobile go to login screen.
2. Go to team planner.
### What is the buggy behavior?
* Layout issues.
<img class="op-uc-image op-uc-image_inline" style="width:179px;" src="/api/v3/attachments/36709/content">
### What is the expected behavior?
**For the login screen:**
* The text wraps properly and is not cut off.
**For the team planner, on mobile:**
The team planner isn't fully designed for use on mobile screens. However, users should be able to consult their planner and access work packages. To aid in this, we recomend making these changes on mobile:
* Remove the "+ Add existing" button
* Remove the "1-week | 2-week" toggle
* Align the current date "August 2022" to the left of the screen
* Remove the "Assignee" ("Zugewiesen an") string on the table header, leaving only the icon
* Remove the names of all assignees, leaving only the avatar
* This should reduce the width of the assignee column greatly, to around 60px.
The team planner should render like this on mobile:
<img class="op-uc-image op-uc-image_inline" style="width:375px;" src="/api/v3/attachments/37059/content">
### Environment information
**OpenProject installation type**
* [x] Hosted cloud edition
* [ ] Packaged installation
* What distribution?
* [ ] Docker All-in-one container
* [ ] Docker-compose installation
* [ ] Other (please specify)
**OpenProject version**
12.2
**Browser**
* [ ] Chrome
* [ ] Firefox
* [ ] Safari
* [x] Mobile Safari
* [ ] Other (please specify)