Truncate long title text on Todo items

What does this MR do?

• Truncate long text in Todo items

Why was this MR needed?

• Long text was overflowing out of the todo box

Screenshots (if relevant)

Before	After

Does this MR meet the acceptance criteria?

• Changelog entry added
• Documentation created/updated
• API support added
• Tests
  • Added for this feature/bug
  • All builds are passing
• Conform by the merge request performance guides
• Conform by the style guides
• Branch has no merge conflicts with master (if it does - rebase it please)
• Squashed related commits together

What are the relevant issue numbers?

Closes #28186 (closed)

added 1 commit

• c6426843 - Truncate long title text on Todo items

Compare with previous version

added 71 commits

• c6426843...0135935c - 70 commits from branch master
• fa8fcb42 - Truncate long title text on Todo items

Compare with previous version

@mikegreiling ready for review

assigned to @mikegreiling

marked the task All builds are passing as completed

marked the task Changelog entry added as completed

looks great!

@filipa can you merge this?

assigned to @filipa

I was trying to test this locally, but I keep seeing this error:

:/ can this be related? I don't see this error in master.

Regarding the changes, each todo shows the time at the end, in the screenshot in the description above I don't see the time, where did it go?

assigned to @samrose3

@filipa I rebased it on master before I reviewed it... there's some weird database migration error that seems to be unrelated to these changes.

@mikegreiling @filipa so should I rebase and try again?

Yes please! :)

added 225 commits

• fa8fcb42...12cd4c83 - 224 commits from branch master
• 3206fda0 - Truncate long title text on Todo items

Compare with previous version

@filipa should be all good to go

assigned to @filipa

@samrose3 I would like to be able to see the time in each todo. I don't think we should be loosing information about the time.

What do you think about this following options? We could truncate only the project name, or let the text break to the second line:

Truncate only the project name	Don't truncate, let it overflow to 2nd line

assigned to @samrose3

@filipa I would think truncate only the project name. We seem to be truncating on most items in a list, then wrapping when viewing in mobile. They both look good to me, but I feel truncate is the more consistent option.

@filipa I flexified the title to allow it to truncate the url

what do you think it should be for mobile? wrap or nowrap?

Wrap	No Wrap