diff --git a/.changeset/healthy-planets-confess.md b/.changeset/healthy-planets-confess.md new file mode 100644 index 0000000000..a55b5c1044 --- /dev/null +++ b/.changeset/healthy-planets-confess.md @@ -0,0 +1,5 @@ +--- +'@backstage/plugin-catalog-react': patch +--- + +Fixed bug in `EntityDisplayName` where text was overflowing. diff --git a/plugins/catalog-react/src/components/EntityDisplayName/EntityDisplayName.tsx b/plugins/catalog-react/src/components/EntityDisplayName/EntityDisplayName.tsx index 4eb0f53aa1..2b9f3307ef 100644 --- a/plugins/catalog-react/src/components/EntityDisplayName/EntityDisplayName.tsx +++ b/plugins/catalog-react/src/components/EntityDisplayName/EntityDisplayName.tsx @@ -79,7 +79,6 @@ export const EntityDisplayName = ( // The innermost "body" content let content = <>{primaryTitle}; - // Optionally an icon, and wrapper around them both content = ( diff --git a/plugins/catalog/report.api.md b/plugins/catalog/report.api.md index ffb46afc6e..6b8f246514 100644 --- a/plugins/catalog/report.api.md +++ b/plugins/catalog/report.api.md @@ -64,6 +64,8 @@ export interface AboutFieldProps { // (undocumented) children?: React_2.ReactNode; // (undocumented) + className?: string; + // (undocumented) gridSizes?: Record; // (undocumented) label: string; diff --git a/plugins/catalog/src/components/AboutCard/AboutContent.tsx b/plugins/catalog/src/components/AboutCard/AboutContent.tsx index f6d2d80264..07547c8949 100644 --- a/plugins/catalog/src/components/AboutCard/AboutContent.tsx +++ b/plugins/catalog/src/components/AboutCard/AboutContent.tsx @@ -132,6 +132,7 @@ export function AboutContent(props: AboutContentProps) { {ownedByRelations.length > 0 && ( diff --git a/plugins/catalog/src/components/AboutCard/AboutField.tsx b/plugins/catalog/src/components/AboutCard/AboutField.tsx index 7587867af0..15e02307f0 100644 --- a/plugins/catalog/src/components/AboutCard/AboutField.tsx +++ b/plugins/catalog/src/components/AboutCard/AboutField.tsx @@ -48,11 +48,12 @@ export interface AboutFieldProps { value?: string; gridSizes?: Record; children?: React.ReactNode; + className?: string; } /** @public */ export function AboutField(props: AboutFieldProps) { - const { label, value, gridSizes, children } = props; + const { label, value, gridSizes, children, className } = props; const classes = useStyles(); const childElements = useElementFilter(children, c => c.getElements()); @@ -67,7 +68,7 @@ export function AboutField(props: AboutFieldProps) { ); return ( - + {label}