1
0
mirror of https://github.com/Unleash/unleash.git synced 2025-07-17 13:46:47 +02:00
unleash.unleash/frontend/src/component/project
Thomas Heartman 000ee66692
fix: long flag names push table to overflow and flag descriptions are not truncated (#9350)
Addresses two issues related to flag names and descriptions overflowing:

1: In the project flag overview, long flag names push the environments
off screen. This is handled by setting overflow-wrap: anywhere on the
offending text. The text will now use ellipses instead.

Before full-width: 

![image](https://github.com/user-attachments/assets/1c63481a-6733-4f6e-a3a7-46c9035c38f7)

Before narrower:

![image](https://github.com/user-attachments/assets/86cf3531-8259-42f0-9905-4a22dd7f98a7)


After full-width:

![image](https://github.com/user-attachments/assets/e13fa6ff-4cbe-4f6e-8530-b089a8343c65)

After narrower:

![image](https://github.com/user-attachments/assets/c4df0e5d-e32f-4909-9351-afc864383c7b)

2: On the flag page, long descriptions are rendered in their entirety,
even if that's not sensible. They are now truncated after five lines.
There is a tooltip that shows the full text, or you can go the flag
settings to see the full description.

Before:

![image](https://github.com/user-attachments/assets/121ffeac-b92b-4b9b-bb79-17bf5d4ef734)


After:

![image](https://github.com/user-attachments/assets/cd4ff0c2-e110-42c1-8ce6-e0e897823420)


After (with tooltip):

![image](https://github.com/user-attachments/assets/90c147e4-a397-4e60-8318-9a08c4e069aa)


---

Note, I don't think this is necessarily the perfect solution (it'd be
nice to get tooltips for overflowing flag names a "show full
description" disclosure button instead of the stupidly long tooltip),
but I think it's a step in the right direction.
2025-02-25 13:39:30 +01:00
..
Project fix: long flag names push table to overflow and flag descriptions are not truncated (#9350) 2025-02-25 13:39:30 +01:00
ProjectAccess refactor: project users virtual autocomplete (#9196) 2025-02-04 10:04:36 +01:00
ProjectApplications chore: Bump biome and configure husky (#6589) 2024-03-18 13:58:05 +01:00
ProjectCard chore: update utm links (#8835) 2024-11-22 10:04:41 +01:00
ProjectEnvironment chore(unl-204): remove uses of toast text and confetti (#8941) 2024-12-10 13:38:04 +00:00
ProjectId update project archive and revive dialogs (#7918) 2024-08-19 13:33:00 +00:00
ProjectList chore(unl-204): remove uses of toast text and confetti (#8941) 2024-12-10 13:38:04 +00:00