Added class to support textwrap in menuitems in the SupportButton component

Signed-off-by: Jasper Boeijenga <jboeijenga@gmail.com>
2023-09-28 17:11:00 +02:00
parent 64f0bf7e6b
commit a1f1d3114a
1 changed files with 9 additions and 2 deletions
@@ -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 && (
-            <MenuItem alignItems="flex-start">
+            <MenuItem alignItems="flex-start" className={classes.menuItem}>
              <Typography variant="subtitle1">{title}</Typography>
            </MenuItem>
          )}
          {React.Children.map(children, (child, i) => (
-            <MenuItem alignItems="flex-start" key={`child-${i}`}>
+            <MenuItem
+              alignItems="flex-start"
+              key={`child-${i}`}
+              className={classes.menuItem}
+            >
              {child}
            </MenuItem>
          ))}