Merge branch 'master' into rf-version-update

.gitignore

@@ -42,7 +42,6 @@ app/public/styles/*.css
 venv/
 
 # Frontend
-.vscode/
 .awcache/
 .dist/
 npm-debug.log

.vscode/extensions.json

@@ -0,0 +1,13 @@
+{
+ // See https://go.microsoft.com/fwlink/?LinkId=827846 to learn about workspace recommendations.
+ // Extension identifier format: ${publisher}.${name}. Example: vscode.csharp
+
+ // List of extensions which should be recommended for users of this workspace.
+ "recommendations": [
+ "eamodio.gitlens"
+ ],
+ // List of extensions recommended by VS Code that should not be recommended for users of this workspace.
+ "unwantedRecommendations": [
+
+ ]
+}

.vscode/settings.json

@@ -0,0 +1,9 @@
+{
+ "[html]": {
+ "editor.tabSize": 4
+ },
+ "[javascript][javascriptreact][typescript][typescriptreact]": {
+ "editor.detectIndentation": false,
+ "editor.tabSize": 2
+ },
+}

src/components/Executions/Tables/nodeExecutionColumns.tsx

@@ -1,4 +1,4 @@
-import { Typography } from '@material-ui/core';
+import { Tooltip, Typography } from '@material-ui/core';
 import { formatDateLocalTimezone, formatDateUTC, millisecondsToHMS } from 'common/formatters';
 import { timestampToDate } from 'common/utils';
 import { useCommonStyles } from 'components/common/styles';
@@ -63,6 +63,7 @@ const ExecutionName: React.FC<NodeExecutionCellRendererData> = ({ execution, sta
 };
 
 const DisplayId: React.FC<NodeExecutionCellRendererData> = ({ execution }) => {
+ const commonStyles = useCommonStyles();
  const detailsContext = useNodeExecutionContext();
  const [displayId, setDisplayId] = React.useState<string | undefined>();
 
@@ -78,7 +79,12 @@ const DisplayId: React.FC<NodeExecutionCellRendererData> = ({ execution }) => {
  };
  });
 
- return <>{displayId ?? execution.id.nodeId}</>;
+ const nodeId = displayId ?? execution.id.nodeId;
+ return (
+ <Tooltip arrow title={nodeId} placement="top-start">
+ <div className={commonStyles.truncateText}>{nodeId}</div>
+ </Tooltip>
+ );
 };
 
 const DisplayType: React.FC<NodeExecutionCellRendererData> = ({ execution }) => {