fix: long activity title overflow issue

[Nortsova]

Description

Testing

Step 1. Create any motion with the title: 12312321312312312312312312312313123123123123412341234124312
Step 2. Open Activity page
Step 3. Change the screen size to Mobile and check that the title is truncated 🎉

Resolves #3433

[iamsamgibbs]

Thanks for the fix here! It does indeed truncate long words without spaces.

However, I'm not sure what is the expected behaviour for long titles which have spaces. On master they currently drop to a new line, and if they are still too long it will truncate at the end of the second line, like this:

On this branch it gets truncated off on the first line (as shown in the first image).

Might just need some clarification on how we should expect these titles with spaces to look.

[davecreaser]

Just to add some more spice to the mix here:

On master there's currently two different behaviours between desktop and mobile for the issue @iamsamgibbs raised (what should happen when there's spaces).

Desktop truncates on one line:

Mobile truncates on two lines:

In my opinion the way it's handled with this fix is the best solution, since then everything is aligned (all devices, and spaces / no spaces). It's also then aligned with the loading skeleton which shows only one line, and I think it works UX wise since this is really just an overview table and if you need to see the full title you can open the action. Having said all that, I agree that it's probably best to check with the design powers that be.

BUT since I like this solution, I'm going to approve it 🙃

[rdig]

The long title is now truncated on the activity list

However, I still see on the action sidebar, after the action has been completed:

While I know it's not part of the PR, since it's a small change, I'd say you can do it in here.

Thanks

[rdig]

Sorry, meant to reject the other review