[52127] Project list: Truncate long text fields and disable expand action

[bsatarnejad]

• Limit displaying (project description, project status description, project custom fields/attributes of the type long text) inside the table to one line, truncate with ellipses (...) when necessary
• Add "Expand" link at the end of the truncated text
• Clicking "Expand" will display the full contents of the long text field in a modal
• Disable the expand/collapse action that displays project description
• Remove the last column that contains the action
• Write a test for the changes

https://community.openproject.org/projects/openproject/work_packages/52127/activity

[ulferts]

Hi @bsatarnejad ,

it is good to see , that we can remove a bunch of code by this change. However, there are a couple of issues with this PR:

---

• The text of the status description, descriptionText not displayed in only a single line.

With tables and images possible being part of the text, this might become quite hard to achieve. I believe there are two options:

• Remove all tags from the output/render the text without tags
• Limit the height to a single line
  Of the two options, I would go with the first because it promises to be simpler to implement and does not run into edge cases like having only an image or a table in the text which might lead to the whole text being removed in case the first option is taken.

---

• The "Expand" is not on the same height as the shortened text:

---

•  The "Expand" is not always displayed:

For this, the height would also have to be taken into account when calculating whether to add the "Expand" element. This problem is of course strongly coupled to the first mentioned problem and might be affected by the solution to it.

---

• Formatting (newlines) not applied in modal:

When clicking on "Expand" becomes:

Additionally, the modal does not have a header. The need for a header on the modal is not specified but I would think that the user would have an easier time understanding the behaviour if the modal would have a header consisting of the project name and the attribute. But ultimately, that is for product to decide, so better check with @psatyal.

[ulferts]

I think the class: 'wiki' part should be removed. The fact that the other methods in this class also use it is a relic of the past we should fix.

[ulferts]

This breaks the layout in some cases where multi line custom fields are now displayed in one line with each of them shortened:

[bsatarnejad]

I'm closing this PR because this feature is implemented in another PR.