[EventCard] limit description lengths

[techtolentino]

Feature description

Currently, we allow cards to have a description by rendering content given in the <slot> outlet.

However, sometimes the content can become really long; this not only throws off the layout from other cards, but it creates inconsistency.

We should figure out a way to limit the description passed into the event cards, either by limiting the content in the data, or figuring out some method of truncation.

Screenshot

Card content guidelines

Figma board

Additional context

This issue might occur on other card implementations as well, but it's most evident in event cards.

[SamantaTarun]

@techtolentino is it looking good?

[techtolentino]

Thank you for exploring this @tarunsamanta2k20.

We're going to need to figure out how we'll address this... it might not be a CSS change, and it could be an effort of ensuring our descriptions have limits, in the DB...

We'll come back to update this ticket once we come up w/ a consensus.

[paaragon]

The EventCard component takes the description from the given. That means it could possible receive something different from text.

I like the idea of truncating the description within the component since the description limit is something unique to the EventCard component but because it can receive anything besides just text, it shouldn’t.

I propose to change the component so that the description is another property instead of a child component but this could only be done if we never want content other than text.