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 long and short text fields are not all aligned in length
* Lost white space in the area below the label for long text fields with values
* Labels are truncated more than necessary
### Expected behaviour
* In very narrow screens/split-screens, screens (mobile breakpoint to be defined), move all work package form fields _below_ the label
* **\[open\]** Width where the change happens to be defined
* 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 multiple 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 long and short text fields are not all aligned in length
* Lost white space in the area below the label for long text fields with values
* Labels are truncated more than necessary
### Expected behaviour
* In very narrow screens/split-screens,
* **\[open\]** Width where the change happens to be defined
* 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 multiple 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