diff --git a/frontend/.changeset/hungry-dots-help.md b/frontend/.changeset/hungry-dots-help.md new file mode 100644 index 000000000..a646fb7e5 --- /dev/null +++ b/frontend/.changeset/hungry-dots-help.md @@ -0,0 +1,6 @@ +--- +"@liam-hq/erd-core": patch +"@liam-hq/cli": patch +--- + +Show column types in table nodes when the table is highlighted diff --git a/frontend/packages/erd-core/src/components/ERDRenderer/ERDContent/TableNode/TableColumnList/TableColumn/TableColumn.module.css b/frontend/packages/erd-core/src/components/ERDRenderer/ERDContent/TableNode/TableColumnList/TableColumn/TableColumn.module.css index d3d58d8cf..9bdb741ad 100644 --- a/frontend/packages/erd-core/src/components/ERDRenderer/ERDContent/TableNode/TableColumnList/TableColumn/TableColumn.module.css +++ b/frontend/packages/erd-core/src/components/ERDRenderer/ERDContent/TableNode/TableColumnList/TableColumn/TableColumn.module.css @@ -52,7 +52,7 @@ transition: opacity 300ms var(--default-timing-function); } -:global([data-erd='table-node']):hover .columnType { +:global([data-erd='table-node-highlighted']) .columnType { opacity: 1; } diff --git a/frontend/packages/erd-core/src/components/ERDRenderer/ERDContent/TableNode/TableNode.tsx b/frontend/packages/erd-core/src/components/ERDRenderer/ERDContent/TableNode/TableNode.tsx index 85442b90e..93b5417cb 100644 --- a/frontend/packages/erd-core/src/components/ERDRenderer/ERDContent/TableNode/TableNode.tsx +++ b/frontend/packages/erd-core/src/components/ERDRenderer/ERDContent/TableNode/TableNode.tsx @@ -34,7 +34,7 @@ export const TableNode: FC = ({ data }) => { isTableHighlighted && styles.wrapperHighlighted, isActive && styles.wrapperActive, )} - data-erd="table-node" + data-erd={isTableHighlighted && 'table-node-highlighted'} > {showMode === 'ALL_FIELDS' && }