Content
View differences
Updated by Parimal Satyal about 3 years ago
### Steps to reproduce
1. Open a work package in a narrow screen (or in split screen) or
2. Open a new work package creation form in a narrow screen (or in split screen)
### What is the buggy behavior?
* The text fields are not all aligned in length
* Lost white space in the are below the label
* Labels are truncated more than necessary
### Expected behaviour
* In very narrow screens (mobile breakpoint to be defined), move Move all work package form fields _below_ the label in narrow (single-column) mode
* This includes regular fields and long text custom fields
* In mobile, the fields are then _always_ below the label
* An open field will span the entire width of the form
* In single-column mode, make sure all fields are aligned
### Screenshots
**Mobile**
**<img class="op-uc-image op-uc-image_inline" style="width:375px;" src="/api/v3/attachments/55244/content">**
**Current: CF long text field not aligned with the others**
<img class="op-uc-image op-uc-image_inline" style="width:463px;" src="/api/v3/attachments/55239/content"> style="width:401px;" src="/attachments/55215/long_text_narrow.png">
### Visuals (mockups)
**Mobile**
<img class="op-uc-image op-uc-image_inline" src="/api/v3/attachments/55243/content">
**New task**
<img class="op-uc-image op-uc-image_inline" src="/api/v3/attachments/55242/content"> _To be added_
### Out of scope
* Changes in multi-column mode
* Long text fields continue to span mutiple columns (unchanged from now)
* Changing the colour of the labels to make them stand out more (and distinguish from the actual content, which can also include styling that might make it compete with the label)
* Only for work package forms
* Expand/collapsible long text fields
1. Open a work package in a narrow screen (or in split screen) or
2. Open a new work package creation form in a narrow screen (or in split screen)
### What is the buggy behavior?
* The text fields are not all aligned in length
* Lost white space in the are below the label
* Labels are truncated more than necessary
### Expected behaviour
* In very narrow screens (mobile breakpoint to be defined), move
* This includes regular fields and long text custom fields
* In mobile, the fields are then _always_ below the label
* An open field will span the entire width of the form
* In single-column mode, make sure all fields are aligned
### Screenshots
**Mobile**
**<img class="op-uc-image op-uc-image_inline" style="width:375px;" src="/api/v3/attachments/55244/content">**
**Current: CF long text field not aligned with the others**
<img class="op-uc-image op-uc-image_inline" style="width:463px;" src="/api/v3/attachments/55239/content">
### Visuals (mockups)
**Mobile**
<img class="op-uc-image op-uc-image_inline" src="/api/v3/attachments/55243/content">
**New task**
<img class="op-uc-image op-uc-image_inline" src="/api/v3/attachments/55242/content">
### Out of scope
* Changes in multi-column mode
* Long text fields continue to span mutiple columns (unchanged from now)
* Changing the colour of the labels to make them stand out more (and distinguish from the actual content, which can also include styling that might make it compete with the label)
* Only for work package forms
* Expand/collapsible long text fields