Merge pull request #283 from liam-hq/table-detail-width

Reduce the width of TableDetail to prevent TableNode from being obscured
liam-hq · Dec 17, 2024 · 83d6494 · 83d6494
2 parents 3fe2baa + 0790141
commit 83d6494
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 1 deletion.
diff --git a/frontend/.changeset/many-wasps-join.md b/frontend/.changeset/many-wasps-join.md
@@ -0,0 +1,6 @@
+---
+"@liam-hq/erd-core": patch
+"@liam-hq/cli": patch
+---
+
+Reduce the width of TableDetail to prevent TableNode from being obscured
diff --git a/...d-core/src/components/ERDRenderer/ERDContent/TableNode/TableDetail/TableDetail.module.css b/...d-core/src/components/ERDRenderer/ERDContent/TableNode/TableDetail/TableDetail.module.css
@@ -1,11 +1,13 @@
 .wrapper {
   display: grid;
   grid-template-rows: auto 1fr;
-  width: 500px;
+  width: 300px;
   height: 100%;
   border-left: 1px solid var(--pane-border, #383a3b);
   background-color: var(--pane-background, #232526);
   box-shadow: 0px 4px 20px 0px var(--shadow-basic-shadow, #000);
+  word-break: break-all;
+  list-style-position: outside;
 }
 
 .header {