mirror of
https://github.com/Unleash/unleash.git
synced 2025-10-13 11:17:26 +02:00
e43109a2cb
This PR fixes a couple instances where long resource names would break form and input layouts. I've added comments to the various files to explain what they're doing and why. ## Discussion point: I've now set the width of project selector to be as narrow as it can with wrapped text. In the main interfaces, it's much better, but on the page where you can move a flag, it is quite narrow. However, I still think it's better (no chance of it being wider than the whole screen). We might want to find another way, but regardless, it'll only show up with real edge cases. ## Fixes (screenies) ### API token creation form **Files**: - `frontend/src/component/common/FormTemplate/FormTemplate.styles.ts` - `frontend/src/component/common/FormTemplate/FormTemplate.tsx` Before:  After:  ### New feature flag form **Files**: - `frontend/src/component/common/GeneralSelect/GeneralSelect.tsx` Before:  After:  ### Project select popover **Files** - `frontend/src/component/common/GeneralSelect/GeneralSelect.tsx` - `frontend/src/component/feature/FeatureView/FeatureSettings/FeatureSettingsProject/FeatureProjectSelect/FeatureProjectSelect.tsx` Before:  After:  But also:  |
||
|---|---|---|
| .. | ||
| AnimateOnMount | ||
| Announcer | ||
| ApiError | ||
| ApiTokenTable | ||
| AutocompleteBox | ||
| Badge | ||
| BatchSelectionActionsBar | ||
| BreadcrumbNav | ||
| CheckmarkBadge | ||
| Codebox | ||
| ConditionallyRender | ||
| ConstraintAccordion | ||
| CreateButton | ||
| DateTimePicker | ||
| Dialogue | ||
| DividerText | ||
| DropdownMenu | ||
| EnterpriseBadge | ||
| EnvironmentIcon | ||
| ExperimentalFeedback | ||
| FavoriteIconButton | ||
| FeatureArchiveDialog | ||
| FeatureStaleDialog | ||
| FeatureStatusChip | ||
| Feedback | ||
| FilterDateItem | ||
| FormSwitch | ||
| FormTemplate | ||
| GeneralSelect | ||
| Gradient | ||
| GridCol | ||
| GridRow | ||
| GuidanceIndicator | ||
| HelpIcon | ||
| Highlighter | ||
| HtmlTooltip | ||
| Input | ||
| InputCaption | ||
| InputListField | ||
| InstanceStatus | ||
| ItemList | ||
| Limit | ||
| Loader | ||
| LoginRedirect | ||
| MainHeader | ||
| Markdown | ||
| MultiActionButton | ||
| MultipleRoleSelect | ||
| NewConstraintAccordion | ||
| NoItems | ||
| NotFound | ||
| Notifications | ||
| OperatorUpgradeAlert | ||
| PageContent | ||
| PageHeader | ||
| PasswordField | ||
| PercentageCircle | ||
| PermissionButton | ||
| PermissionGuard | ||
| PermissionHOC | ||
| PermissionIconButton | ||
| PermissionSwitch | ||
| PremiumFeature | ||
| PrettifyLargeNumber | ||
| Proclamation | ||
| ProjectSelect | ||
| ProtectedRoute | ||
| ReactJSONEditor | ||
| ResponsiveButton | ||
| RoleBadge | ||
| RoleDescription | ||
| RoleSelect | ||
| ScreenReaderOnly | ||
| ScrollTop | ||
| Search | ||
| SegmentItem | ||
| SidebarModal | ||
| SidePanelList | ||
| SkipNavLink | ||
| StaleDataNotification | ||
| Sticky | ||
| StrategyItemContainer | ||
| StrategySeparator | ||
| StrategyVariantsUpgradeAlert | ||
| StringTruncator | ||
| Table | ||
| TabNav | ||
| ThemeMode | ||
| ToastRenderer | ||
| TooltipLink | ||
| TooltipResolver | ||
| UpdateButton | ||
| UserAvatar | ||
| VariantInfoAlert | ||
| VerticalTabs | ||
| common.module.scss | ||
| flags.ts | ||
| index.jsx | ||
| select.tsx | ||
| util.test.ts | ||
| util.ts | ||