diff --git a/.changeset/perfect-shrimps-attend.md b/.changeset/perfect-shrimps-attend.md new file mode 100644 index 0000000000..dc3cfc28c7 --- /dev/null +++ b/.changeset/perfect-shrimps-attend.md @@ -0,0 +1,5 @@ +--- +'@backstage/core-components': patch +--- + +Fix for a Warning Panel. For certain error messages the content of it doesn't fit inside the div container. diff --git a/packages/core-components/src/components/WarningPanel/WarningPanel.tsx b/packages/core-components/src/components/WarningPanel/WarningPanel.tsx index 19cb3dacf1..3dcb9b2b0f 100644 --- a/packages/core-components/src/components/WarningPanel/WarningPanel.tsx +++ b/packages/core-components/src/components/WarningPanel/WarningPanel.tsx @@ -70,6 +70,9 @@ export type WarningPanelClassKey = const useStyles = makeStyles( theme => ({ + content: { + // overflow: 'hidden', + }, panel: { backgroundColor: ({ severity }: WarningProps) => getWarningBackgroundColor( @@ -176,6 +179,7 @@ export function WarningPanel(props: WarningProps) { > } + classes={{ content: classes.content }} className={classes.summary} >