Content
View differences
Updated by Parimal Satyal over 3 years ago
### Steps to reproduce
1. Open a work package in full screen or details view, which has:
1. Attached files (or attach a file)
2. Linked Nextcloud files (or link a new one)
### What is the buggy behavior?
* On hover on a file attachment:
* There is too much margin to the right of the "delete" action (extra margin marked with a red rectangle below).
<img class="op-uc-image op-uc-image_inline" src="/api/v3/attachments/38799/content">
* On hover on a file link:
* There is too much margin to the right on the "unlink" action (extra margin marked with a red rectangle below).
<img class="op-uc-image op-uc-image_inline" src="/api/v3/attachments/38800/content">
* On hover on a film link with the "no permission message"
* There is too much right margin on the error, after the text "You have no permission to see this file".
* The spacing between the icon and the text is to big.
<img class="op-uc-image op-uc-image_inline" src="/api/v3/attachments/38801/content">
* After clicking on the "delete" or "unlink" buttons, the modal appears as specified. When the modal is closed, the gradient background on the file list action remains in the hovered state even when not hovered.
<img class="op-uc-image op-uc-image_inline" src="/api/v3/attachments/38802/content">
### What is the expected behavior?
* The "unlink" and "delete" hover actions on the file list should be right-aligned the same as the user icon before hover.
* In other others, the right-margin should not change on hover.
* For the permission error, the space between the icon and the error text should be reduced to 0.25rem.
*
When the modal is dismissed, the hover state should not remain. It should go back to its regular state.
**Visuals as specified:**
<figure class="image op-uc-figure"><div class="op-uc-figure--content"><img class="op-uc-image" src="/api/v3/attachments/38803/content"></div><figcaption class="op-uc-figure--description"><br data-cke-filler="true"></figcaption></figure>
**0.75 rem spacing between the file list and "Link files' link:**
### <img class="op-uc-image op-uc-image_inline" src="/api/v3/attachments/38804/content">
###
### Environment information
**OpenProject installation type**
* [ ] Edge, 12.3
**OpenProject version**
12.3
**Browser**
* [ ] Chrome
* [x] Firefox
* [ ] Safari
* [ ] Mobile Safari
* [ ] Other (please specify)
**Language**
EN
1. Open a work package in full screen or details view, which has:
1. Attached files (or attach a file)
2. Linked Nextcloud files (or link a new one)
### What is the buggy behavior?
* On hover on a file attachment:
* There is too much margin to the right of the "delete" action (extra margin marked with a red rectangle below).
<img class="op-uc-image op-uc-image_inline" src="/api/v3/attachments/38799/content">
* On hover on a file link:
* There is too much margin to the right on the "unlink" action (extra margin marked with a red rectangle below).
<img class="op-uc-image op-uc-image_inline" src="/api/v3/attachments/38800/content">
* On hover on a film link with the "no permission message"
* There is too much right margin on the error, after the text "You have no permission to see this file".
* The spacing between the icon and the text is to big.
<img class="op-uc-image op-uc-image_inline" src="/api/v3/attachments/38801/content">
<img class="op-uc-image op-uc-image_inline" src="/api/v3/attachments/38802/content">
* The "unlink" and "delete" hover actions on the file list should be right-aligned the same as the user icon before hover.
* In other others, the right-margin should not change on hover.
* For the permission error, the space between the icon and the error text should be reduced to 0.25rem.
*
<figure class="image op-uc-figure"><div class="op-uc-figure--content"><img class="op-uc-image" src="/api/v3/attachments/38803/content"></div><figcaption class="op-uc-figure--description"><br data-cke-filler="true"></figcaption></figure>
### <img class="op-uc-image op-uc-image_inline" src="/api/v3/attachments/38804/content">
###
### Environment information
**OpenProject installation type**
* [ ] Edge, 12.3
**OpenProject version**
12.3
**Browser**
* [ ] Chrome
* [x] Firefox
* [ ] Safari
* [ ] Mobile Safari
* [ ] Other (please specify)
**Language**
EN