trindadetiago / aquario

Núcleo de informações do Centro de Informática (CI) da UFPB
https://aquario-psi.vercel.app
MIT License
1 stars 4 forks source link

Fix: PostCard - Overlapping text #33

Open trindadetiago opened 3 weeks ago

trindadetiago commented 3 weeks ago

image

When text is to big, it should end with ...

Avoid the overlapping with icons.

ianbitt commented 2 weeks ago
Screenshot 2024-11-11 at 16 28 47

Added a function to limit the characters amount based on the desired amount. I've settled to 25 but it's changeable!

trindadetiago commented 1 week ago

Image

The character amount strategy won't work very well, since there is the responsiveness part. Also, from screen to screen may change.

Go with a different approach. Use the size of the container. make the container size don't go over the icons. Then, make the text inside overflow with ellipse