visualizer: always select entire extension ID

Signed-off-by: Patrik Oldsberg <poldsberg@gmail.com>
2023-11-02 14:15:33 +01:00
parent dacdfa401a
commit 1300459235
1 changed files with 6 additions and 1 deletions
@@ -99,6 +99,9 @@ const useStyles = makeStyles(theme => ({
    borderTopRightRadius: theme.shape.borderRadius,
    borderBottomRightRadius: theme.shape.borderRadius,
  },
+  extensionHeaderId: {
+    userSelect: 'all',
+  },
  extensionHeaderOutputs: {
    display: 'flex',
    flexFlow: 'row nowrap',
@@ -223,7 +226,9 @@ function Extension(props: { node: AppNode }) {
    <Box key={node.spec.id} className={classes.extension}>
      <Box className={classes.extensionHeader}>
        <Tooltip title={<ExtensionTooltip node={node} />}>
-          <Typography>{node.spec.id}</Typography>
+          <Typography className={classes.extensionHeaderId}>
+            {node.spec.id}
+          </Typography>
        </Tooltip>
        <Box className={classes.extensionHeaderOutputs}>
          {dataRefIds &&