feat(CatalogTable): truncate long description with ellipsis and tooltip

2021-02-03 17:33:19 +11:00
parent 2d8e78ed4c
commit 5469a9761f
9 changed files with 136 additions and 3 deletions
@@ -23,6 +23,7 @@ import {
 } from '@backstage/catalog-model';
 import {
  CodeSnippet,
+  OverflowTooltip,
  Table,
  TableColumn,
  TableFilter,
@@ -92,6 +93,12 @@ const columns: TableColumn<EntityRow>[] = [
  {
    title: 'Description',
    field: 'entity.metadata.description',
+    render: ({ entity }) => (
+      <OverflowTooltip
+        title={entity.metadata.description as string}
+        text={entity.metadata.description}
+      />
+    ),
  },
  {
    title: 'Tags',