Redesign Timeline

[brendanlaschke]

Redesign the tl to match figma (#1278).

The other "new" activities are not implemented im leaving that for later (and maybe someone else :) ), therefore it may look a bit silly with only Notes and Tasks implemented ...

[charlesBochet]

Thanks @brendanlaschke! I've left comment on the code. Regarding the product behavior, we should make sure that the element fit in the page, without making it scrolling horizontically. We can either use %width for some element, or try a flex alternative. I'm unsure what's the best way to go here!

On mobile, the issue is particularly present:

[brendanlaschke]

Problem I still see is the mobile variant ...
Maybe for this design it is too much text ?

My thought would be for one line maybe:

-Avatar- created -Icon- "Some Note"

Or do you have a better idea how we could do this better for mobile and desktop?

Current situation:

[lucasbordeau]

Maybe @Bonapara will have a design fix for that ?

[Bonapara]

Here we go!

Increase the spacing between lines from 12px to 24 px in mobile:

https://www.figma.com/file/xt8O9mFeLl46C5InWwoMrN/Twenty?type=design&node-id=12021-35679&mode=design&t=OM6IvaXUAd2Idk3w-4

[brendanlaschke]

Great solution! Should be working now for mobile.

[charlesBochet]

@brendanlaschke sorry about the slow review, I will take a look tomorrow, I think we are very close to merge it @Bonapara and I will take a decision on the responsive issue

[lucasbordeau]

Waiting for activities refactor with new custom objects backend