fix(ui): fix the sizing of table cells (#2751)

kadena-community · Dec 19, 2024 · ebc4e5c · ebc4e5c
1 parent 6a3ad33
commit ebc4e5c
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 0 deletions.
diff --git a/.changeset/ninety-impalas-push.md b/.changeset/ninety-impalas-push.md
@@ -0,0 +1,5 @@
+---
+'@kadena/kode-ui': patch
+---
+
+fix the sizing of the compactdatatable
diff --git a/packages/libs/kode-ui/src/patterns/CompactTable/CompactTableDesktop/styles.css.ts b/packages/libs/kode-ui/src/patterns/CompactTable/CompactTableDesktop/styles.css.ts
@@ -13,6 +13,10 @@ globalStyle(`${tableClass} td > span`, {
   whiteSpace: 'nowrap',
 });
 
+globalStyle(`${tableClass} td > span:not(:has(button))`, {
+  contain: 'inline-size',
+});
+
 export const tableBorderClass = recipe({
   base: {},
   variants: {