Content
View differences
Updated by Henriette Darge 19 days ago
### Steps to reproduce
1. Log in as an administrator.
2. Go to a page that renders `OpenProject::Common::BorderBoxListComponent`.
3. Use a list header with title and actions, but without a description.
4. Example from the current project attributes type settings page:
`Administration > Work packages > Types > [type] > Project attributes`
5. Observe the spacing inside the section header row.
### What is the buggy behavior?
* The header content appears vertically unbalanced. There is slightly more spacing below the header content than above it.
* This seems to be caused by `.op-border-box-list-header` always defining a second grid row for `description` and applying `row-gap`, even when no description is rendered.
<img class="op-uc-image op-uc-image_inline" src="/api/v3/attachments/922319/content">
### What is the expected behavior?
1. When the header has no description, the header should use a single-row layout without applying spacing for a missing description row.
2. The vertical spacing above and below the header content should look balanced.
### **Hint for QA**
This can be tested here [https://qa.openproject-edge.com/lookbook/inspect/OpenProject/Common/border\_box\_list/default?description=](https://qa.openproject-edge.com/lookbook/inspect/OpenProject/Common/border_box_list/default?description=)
1. Log in as an administrator.
2. Go to a page that renders `OpenProject::Common::BorderBoxListComponent`.
3. Use a list header with title and actions, but without a description.
4. Example from the current project attributes type settings page:
`Administration > Work packages > Types > [type] > Project attributes`
5. Observe the spacing inside the section header row.
### What is the buggy behavior?
* The header content appears vertically unbalanced. There is slightly more spacing below the header content than above it.
* This seems to be caused by `.op-border-box-list-header` always defining a second grid row for `description` and applying `row-gap`, even when no description is rendered.
<img class="op-uc-image op-uc-image_inline" src="/api/v3/attachments/922319/content">
### What is the expected behavior?
1. When the header has no description, the header should use a single-row layout without applying spacing for a missing description row.
2. The vertical spacing above and below the header content should look balanced.
### **Hint for QA**
This can be tested here [https://qa.openproject-edge.com/lookbook/inspect/OpenProject/Common/border\_box\_list/default?description=](https://qa.openproject-edge.com/lookbook/inspect/OpenProject/Common/border_box_list/default?description=)