Content
View differences
Updated by Parimal Satyal 11 months ago
### Steps to reproduce
* Go to "My time tracking"
* Add at least one time entry, ideally for a very long work package title entry
### What is the buggy behavior?
* In the border box, there seem to be a custom way of rendering the subject and the ID of the WorkPackage
* The items are vertically centre-aligned rather than top-aligned, which makes scanning information a bit more difficult WorkPackage:
<img class="image_resized op-uc-image op-uc-image_inline" style="width:722px;" src="/api/v3/attachments/723433/content">
### What is the expected behavior?
* Use our existing component to display WorkPackage information, called `WorkPackages::InfoLineComponent` to display type, ID and status in the first line
* see [https://qa.openproject-edge.com/lookbook/inspect/OpenProject/WorkPackages/info\_line/playground](https://qa.openproject-edge.com/lookbook/inspect/OpenProject/WorkPackages/info_line/playground)
* The work package name should go in the second line
* See work package agenda items as an example
* All content of each cell should be vertically top-aligned such that the first line of each column aligns
### **Visuals**
This does not include WorkPackage:InfoLine, just for top-aligning table cell content.
**Current implementation (centre-aligned):**
**<img class="op-uc-image op-uc-image_inline" src="/api/v3/attachments/725197/content">**
**Expected Behaviour (top-aligned):**
<img class="op-uc-image op-uc-image_inline" src="/api/v3/attachments/725242/content">
###
###
### Environment information
**OpenProject version**
16.2
**Browser**
* [x] Chrome
* [x] Firefox
* [ ] Safari
* [ ] Mobile Safari
* [ ] Other (please specify)
**Operating System**
* [ ] Windows
* [x] Mac OS X
* [ ] Mobile iOS
* [ ] Mobile Android
* [ ] Linux (please specify distro)
* [ ] Chrome OS
* [ ] Other (please specify)
<br>
* Go to "My time tracking"
* Add at least one time entry, ideally for a very long work package title
### What is the buggy behavior?
* In the border box, there seem to be a custom way of rendering the subject and the ID of the WorkPackage
* The items are vertically centre-aligned rather than top-aligned, which makes scanning information a bit more difficult
<img class="image_resized op-uc-image op-uc-image_inline" style="width:722px;" src="/api/v3/attachments/723433/content">
### What is the expected behavior?
* Use our existing component to display WorkPackage information, called `WorkPackages::InfoLineComponent` to display type, ID and status in the first line
* see [https://qa.openproject-edge.com/lookbook/inspect/OpenProject/WorkPackages/info\_line/playground](https://qa.openproject-edge.com/lookbook/inspect/OpenProject/WorkPackages/info_line/playground)
* The work package name should go in the second line
* See work package agenda items as an example
* All content of each cell should be vertically top-aligned such that the first line of each column aligns
### **Visuals**
This does not include WorkPackage:InfoLine, just for top-aligning table cell content.
**Current implementation (centre-aligned):**
**<img class="op-uc-image op-uc-image_inline" src="/api/v3/attachments/725197/content">**
**Expected Behaviour (top-aligned):**
<img class="op-uc-image op-uc-image_inline" src="/api/v3/attachments/725242/content">
###
### Environment information
**OpenProject version**
16.2
**Browser**
* [x] Chrome
* [x] Firefox
* [ ] Safari
* [ ] Mobile Safari
* [ ] Other (please specify)
**Operating System**
* [ ] Windows
* [x] Mac OS X
* [ ] Mobile iOS
* [ ] Mobile Android
* [ ] Linux (please specify distro)
* [ ] Chrome OS
* [ ] Other (please specify)
<br>