From 296fdaae2e084fadcae375b72e4cc7b09a479b16 Mon Sep 17 00:00:00 2001
From: FunamaYukina <yukina.funama@route06.co.jp>
Date: Tue, 17 Dec 2024 17:33:26 +0900
Subject: [PATCH] Restored columnType visibility

---
 frontend/.changeset/twenty-eggs-beam.md                     | 6 ++++++
 .../TableColumnList/TableColumn/TableColumn.module.css      | 2 +-
 .../ERDRenderer/ERDContent/TableNode/TableNode.tsx          | 1 +
 3 files changed, 8 insertions(+), 1 deletion(-)
 create mode 100644 frontend/.changeset/twenty-eggs-beam.md

diff --git a/frontend/.changeset/twenty-eggs-beam.md b/frontend/.changeset/twenty-eggs-beam.md
new file mode 100644
index 00000000..7136200d
--- /dev/null
+++ b/frontend/.changeset/twenty-eggs-beam.md
@@ -0,0 +1,6 @@
+---
+"@liam-hq/erd-core": patch
+"@liam-hq/cli": patch
+---
+
+Restored columnType visibility.
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 add21772..7fb2309e 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
@@ -48,7 +48,7 @@
   transition: opacity 300ms var(--default-timing-function);
 }
 
-.wrapper:hover .columnType {
+:global([data-erd='table-node']):hover .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 aa259449..2e3c20ae 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
@@ -44,6 +44,7 @@ export const TableNode: FC<Props> = ({ data }) => {
         isActive && styles.wrapperActive,
       )}
       onClick={handleClick}
+      data-erd="table-node"
     >
       <TableHeader data={data} />
       {showMode === 'ALL_FIELDS' && <TableColumnList data={data} />}