From a1f1d3114aa329dc95ae20e0d514ea4a5338d75b Mon Sep 17 00:00:00 2001 From: Jasper Boeijenga Date: Thu, 28 Sep 2023 17:11:00 +0200 Subject: [PATCH 1/2] Added class to support textwrap in menuitems in the SupportButton component Signed-off-by: Jasper Boeijenga --- .../src/components/SupportButton/SupportButton.tsx | 11 +++++++++-- 1 file changed, 9 insertions(+), 2 deletions(-) diff --git a/packages/core-components/src/components/SupportButton/SupportButton.tsx b/packages/core-components/src/components/SupportButton/SupportButton.tsx index dcd4ead321..a07c03b7d2 100644 --- a/packages/core-components/src/components/SupportButton/SupportButton.tsx +++ b/packages/core-components/src/components/SupportButton/SupportButton.tsx @@ -46,6 +46,9 @@ const useStyles = makeStyles( minWidth: 260, maxWidth: 400, }, + menuItem: { + whiteSpace: 'normal', + }, }, { name: 'BackstageSupportButton' }, ); @@ -145,12 +148,16 @@ export function SupportButton(props: SupportButtonProps) { autoFocusItem={Boolean(anchorEl)} > {title && ( - + {title} )} {React.Children.map(children, (child, i) => ( - + {child} ))} From 997a71850c21355fba73a2eb94fc38c5050c1fb6 Mon Sep 17 00:00:00 2001 From: Jasper Boeijenga Date: Thu, 28 Sep 2023 18:44:34 +0200 Subject: [PATCH 2/2] Added changeset Signed-off-by: Jasper Boeijenga --- .changeset/popular-dots-design.md | 5 +++++ 1 file changed, 5 insertions(+) create mode 100644 .changeset/popular-dots-design.md diff --git a/.changeset/popular-dots-design.md b/.changeset/popular-dots-design.md new file mode 100644 index 0000000000..c333ce0105 --- /dev/null +++ b/.changeset/popular-dots-design.md @@ -0,0 +1,5 @@ +--- +'@backstage/core-components': patch +--- + +Changed SupportButton menuitems to support text wrap