Make company descriptions collapsible

[PeterJFB]

Description

Make company descriptions over a certain length collapsible, making the succeeding components more accessible.

Result

Before

After
Long description:

Forgot to record in light theme, but here's how that looks^

Short descriptions will not have the option to expand the content

Testing

• I have thoroughly tested my changes.

Ensured that the component does not perform any unnecessary animation while loading into the page with short or long content. Made sure the interactions works nicely on mobile as well:)

---

Resolves ABA-294

[ivarnakken]

Very cool! 💯💯

I have some minor comments, but they aren't that important. What bothers me more is the trigger icon on top of the text. Since it is outlined, it sort of blends in together with the text, and I'm not a big fan of it. With "show more / expanding content triggers" I prefer flat text buttons, like these:

But, whatever you end up with, please don't put it on top of the text. I like the "fade" a lot though!

[LudvigHz]

Nice! 💯
But why not just add a collapse prop on displayContent instead of making a nearly identical one?

[PeterJFB]

Very cool! 100100

I have some minor comments, but they aren't that important. What bothers me more is the trigger icon on top of the text. Since it is outlined, it sort of blends in together with the text, and I'm not a big fan of it. With "show more / expanding content triggers" I prefer flat text buttons, like these:

But, whatever you end up with, please don't put it on top of the text. I like the "fade" a lot though!

Yeah i agree the outline was clashing with the text too much.

The updated look is on the light theme picture. I moved it and added a smooth background to it, think it looks way cleaner now^

[PeterJFB]

Nice! 100 But why not just add a collapse prop on displayContent instead of making a nearly identical one?

Honest answer, I was lazy:P

Looking over the other pages, I didn't really think it was worth the time to make the more logic-intensive component. I also think this solution will have the least performance-impact, since it will not add the UseRef-code to components that don't need it.

[ivarnakken]

[Arashfa0301]

Looks good to me :)

[ingraso]

Nice work! Looks very nice 🚀