1
0
mirror of https://github.com/Unleash/unleash.git synced 2025-10-04 11:17:02 +02:00
unleash.unleash/frontend/src/component/common
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
..
AnimateOnMount feat: upgrade from react v17 to v18 (#7265) 2024-06-11 13:59:52 +03:00
Announcer chore: Bump biome and configure husky (#6589) 2024-03-18 13:58:05 +01:00
ApiError chore: Bump biome and configure husky (#6589) 2024-03-18 13:58:05 +01:00
ApiTokenTable chore(unl-204): remove uses of toast text and confetti (#8941) 2024-12-10 13:38:04 +00:00
AutocompleteBox chore: Bump biome and configure husky (#6589) 2024-03-18 13:58:05 +01:00
AutocompleteVirtual refactor: project users virtual autocomplete (#9196) 2025-02-04 10:04:36 +01:00
AvatarGroup chore: group cards redesign (#9048) 2025-01-02 15:08:15 +00:00
AvatarGroupFromOwners fix: wrap the UserAvatar component in forwardRef (#8461) 2024-10-16 14:58:34 +02:00
Badge chore(1-3316): update request info boxes to new design (#9180) 2025-01-31 14:05:36 +01:00
BatchSelectionActionsBar feat: upgrade from react v17 to v18 (#7265) 2024-06-11 13:59:52 +03:00
BreadcrumbNav chore: remove create feature component (#7959) 2024-08-22 11:30:41 +03:00
Card chore: new release plan template card (#9096) 2025-01-14 13:49:50 +00:00
Chart fix: dynamic highlight width (#9166) 2025-01-29 12:03:31 +01:00
CheckmarkBadge chore(unl-204): make toasts smaller (#8935) 2024-12-10 13:10:04 +00:00
Codebox
ConditionallyRender chore: Bump biome and configure husky (#6589) 2024-03-18 13:58:05 +01:00
ConstraintAccordion fix: legal values styling in segments (#9044) 2024-12-31 08:45:17 +01:00
CreateButton chore: Bump biome and configure husky (#6589) 2024-03-18 13:58:05 +01:00
DateTimePicker chore: Bump biome and configure husky (#6589) 2024-03-18 13:58:05 +01:00
DialogFormTemplate fix: long flag names push table to overflow and flag descriptions are not truncated (#9350) 2025-02-25 13:39:30 +01:00
Dialogue feat: upgrade from react v17 to v18 (#7265) 2024-06-11 13:59:52 +03:00
DividerText
DropdownMenu chore: Bump biome and configure husky (#6589) 2024-03-18 13:58:05 +01:00
EnterpriseBadge chore: Bump biome and configure husky (#6589) 2024-03-18 13:58:05 +01:00
EnvironmentIcon fix: icon imports (#6499) 2024-03-12 10:56:10 +01:00
ExperimentalFeedback chore: Bump biome and configure husky (#6589) 2024-03-18 13:58:05 +01:00
FavoriteIconButton chore: Bump biome and configure husky (#6589) 2024-03-18 13:58:05 +01:00
FeatureArchiveDialog chore(unl-204): remove uses of toast text and confetti (#8941) 2024-12-10 13:38:04 +00:00
FeatureLifecycle chore: remove lifecycle v2 flag (#9224) 2025-02-06 14:54:45 +01:00
FeatureStaleDialog chore(unl-204): remove uses of toast text and confetti (#8941) 2024-12-10 13:38:04 +00:00
FeatureStatusChip feat(1-3379): add stale badge to the new header (#9320) 2025-02-18 12:34:46 +00:00
Feedback chore: Bump biome and configure husky (#6589) 2024-03-18 13:58:05 +01:00
FilterDateItem feat: date range selector (#8991) 2024-12-18 10:40:50 +01:00
FormSwitch chore: Bump biome and configure husky (#6589) 2024-03-18 13:58:05 +01:00
FormTemplate chore(unl-204): remove uses of toast text and confetti (#8941) 2024-12-10 13:38:04 +00:00
GeneralSelect Add environment types environment order (#8447) 2024-10-15 11:00:31 +02:00
Gradient feat: upgrade from react v17 to v18 (#7265) 2024-06-11 13:59:52 +03:00
GridCol feat: upgrade from react v17 to v18 (#7265) 2024-06-11 13:59:52 +03:00
GridRow feat: upgrade from react v17 to v18 (#7265) 2024-06-11 13:59:52 +03:00
GuidanceIndicator feat: upgrade from react v17 to v18 (#7265) 2024-06-11 13:59:52 +03:00
HelpIcon 1-3083: add remaining lifecycle header + tooltip (#8722) 2024-11-13 10:16:35 +01:00
Highlight chore: remove Unleash AI (#9010) 2024-12-20 11:02:49 +00:00
Highlighter fix: projects archive search (#7898) 2024-08-15 16:19:29 +02:00
HtmlTooltip fix: prevent project cell overflow on api keys table (#7472) 2024-07-02 12:10:02 +02:00
Input chore: update input field text sizes (#7107) 2024-05-22 13:26:22 +02:00
InputCaption
InputListField chore: Bump biome and configure husky (#6589) 2024-03-18 13:58:05 +01:00
InstanceStatus feat: now pay as you go billing banner has link (#8761) 2024-11-15 09:26:49 +02:00
ItemList chore: Bump biome and configure husky (#6589) 2024-03-18 13:58:05 +01:00
Limit fix: update the customer success email for limits (#7933) 2024-08-20 11:58:25 +02:00
Loader fix: make loader not exlpode to 100vh in unnecessary locations (#7589) 2024-07-15 14:41:45 +02:00
LoginRedirect
MainHeader chore: Bump biome and configure husky (#6589) 2024-03-18 13:58:05 +01:00
Markdown chore: implement event grouping in the event timeline (#8254) 2024-09-26 14:48:52 +01:00
MultiActionButton feat: upgrade from react v17 to v18 (#7265) 2024-06-11 13:59:52 +03:00
MultipleRoleSelect feat: grouping of project level roles in autocomplete (#9046) 2024-12-31 10:44:48 +01:00
NewConstraintAccordion chore: remove operator upgrade alert (#8053) 2024-09-03 12:18:19 +03:00
NoItems feat: upgrade from react v17 to v18 (#7265) 2024-06-11 13:59:52 +03:00
NotFound feat: upgrade from react v17 to v18 (#7265) 2024-06-11 13:59:52 +03:00
Notifications Refactor: Remove react-timeago (#7943) 2024-08-21 12:03:03 +02:00
PageContent feat: upgrade from react v17 to v18 (#7265) 2024-06-11 13:59:52 +03:00
PageHeader feat: upgrade from react v17 to v18 (#7265) 2024-06-11 13:59:52 +03:00
PasswordField chore: Bump biome and configure husky (#6589) 2024-03-18 13:58:05 +01:00
PercentageCircle feat: new environment box (#9342) 2025-02-25 10:34:36 +00:00
PermissionButton fix: permission button unintended full width behavior (#8920) 2024-12-05 09:23:06 +00:00
PermissionGuard chore: add support for project and environment in PermissionGuard (#6008) 2024-01-24 08:20:38 +00:00
PermissionHOC chore: Bump biome and configure husky (#6589) 2024-03-18 13:58:05 +01:00
PermissionIconButton Feat: feature view created by field - frontend (#7382) 2024-06-13 13:00:57 +02:00
PermissionSwitch chore: use HTML (custom) tooltip for permission switches (#7355) 2024-06-11 14:03:35 +02:00
PremiumFeature chore: mark release management as an enterprise feature (#9229) 2025-02-06 09:59:38 +00:00
PrettifyLargeNumber chore: Bump biome and configure husky (#6589) 2024-03-18 13:58:05 +01:00
Proclamation chore: Bump biome and configure husky (#6589) 2024-03-18 13:58:05 +01:00
ProjectIcon test(navigation): snapshot sidebar for different plans (#8507) 2024-10-22 09:13:59 +00:00
ProjectSelect fix: make the chip in the playground project selector small (#9298) 2025-02-12 09:38:49 +01:00
ProtectedRoute chore: Bump biome and configure husky (#6589) 2024-03-18 13:58:05 +01:00
PulsingAvatar feat: connection status bubble (#8099) 2024-09-05 13:56:25 +03:00
ReactJSONEditor chore: Bump biome and configure husky (#6589) 2024-03-18 13:58:05 +01:00
ResponsiveButton feat: new onboarding welcome screen logic (#8110) 2024-09-06 13:15:28 +03:00
RoleBadge chore: group cards redesign (#9048) 2025-01-02 15:08:15 +00:00
RoleDescription chore: Bump biome and configure husky (#6589) 2024-03-18 13:58:05 +01:00
RoleSelect chore: Bump biome and configure husky (#6589) 2024-03-18 13:58:05 +01:00
ScreenReaderOnly feat: filter by user when interacting with the avatar (#7347) 2024-06-11 12:15:35 +02:00
ScrollTop
Search feat: separate command bar and search hotkeys (#7651) 2024-07-24 12:46:03 +03:00
SegmentItem fix: show segment details in targetting (#6640) 2024-03-22 10:14:19 +01:00
SidebarModal chore: Bump biome and configure husky (#6589) 2024-03-18 13:58:05 +01:00
SidePanelList chore: Bump biome and configure husky (#6589) 2024-03-18 13:58:05 +01:00
SkipNavLink fix(1-3295): fix broken skip link (#9239) 2025-02-06 10:21:56 +01:00
StaleDataNotification
Sticky chore: remove all deprecated imports of act (#8398) 2024-10-15 13:53:26 +02:00
StrategyItemContainer fix: stretch strategies underlying root cause (#8520) 2024-10-23 16:24:15 +02:00
StrategySeparator
StrategyVariantsUpgradeAlert
StringTruncator refactor: fix deprecation for string truncator (#9359) 2025-02-25 12:24:03 +00:00
Table fix: long flag names push table to overflow and flag descriptions are not truncated (#9350) 2025-02-25 13:39:30 +01:00
TabNav feat: upgrade from react v17 to v18 (#7265) 2024-06-11 13:59:52 +03:00
ThemeMode
TimeAgo chore: remove all deprecated imports of act (#8398) 2024-10-15 13:53:26 +02:00
ToastRenderer feat: render markdown in toats (#9207) 2025-02-04 16:35:25 +01:00
TooltipLink chore: Bump biome and configure husky (#6589) 2024-03-18 13:58:05 +01:00
TooltipResolver feat: command menu items can have description as tooltip now (#7455) 2024-06-26 12:39:53 +03:00
Truncator chore: make truncator a span (#9272) 2025-02-10 12:29:58 +00:00
UpdateButton chore: Bump biome and configure husky (#6589) 2024-03-18 13:58:05 +01:00
UserAvatar chore: new user avatar tooltip (#9050) 2025-01-03 10:26:02 +00:00
VariantInfoAlert chore: rename toggle to flag #2 (#7097) 2024-05-22 08:20:11 +03:00
VerticalTabs chore: flag overview page redesign - environments (#8683) 2024-11-08 09:56:46 +00:00
common.module.scss
flags.ts
index.jsx chore: Bump biome and configure husky (#6589) 2024-03-18 13:58:05 +01:00
select.tsx chore: Bump biome and configure husky (#6589) 2024-03-18 13:58:05 +01:00
util.test.ts fix: prevent strategy variant weight from going into negative numbers on Frontend (#7460) 2024-06-27 09:06:59 +00:00
util.ts fix: environments route should be hidden from menu for open-source (#8397) 2024-10-09 15:45:02 +03:00