From fbcc64b1ecb9dcd241a23631f1a0c456830fd163 Mon Sep 17 00:00:00 2001 From: Alpha <116849110+alpha-xek@users.noreply.github.com> Date: Tue, 12 Mar 2024 06:50:00 +0530 Subject: [PATCH 1/4] fix(table striped): multiple computed values in `td` Fixed `Table` rendering the contents of the cell beneath the stripe for the multiple computed values --- .changeset/empty-eels-compare.md | 5 +++++ packages/core/theme/src/components/table.ts | 1 + 2 files changed, 6 insertions(+) create mode 100644 .changeset/empty-eels-compare.md diff --git a/.changeset/empty-eels-compare.md b/.changeset/empty-eels-compare.md new file mode 100644 index 0000000000..bb62b64576 --- /dev/null +++ b/.changeset/empty-eels-compare.md @@ -0,0 +1,5 @@ +--- +"@nextui-org/table": minor +--- + +Fixed `Table` rendering the contents of the cell beneath the stripe for the multiple computed values in `td` diff --git a/packages/core/theme/src/components/table.ts b/packages/core/theme/src/components/table.ts index fd86cd4c8c..b1643bef35 100644 --- a/packages/core/theme/src/components/table.ts +++ b/packages/core/theme/src/components/table.ts @@ -185,6 +185,7 @@ const table = tv({ td: [ "group-data-[odd=true]:before:bg-default-100", "group-data-[odd=true]:before:opacity-100", + "group-data-[odd=true]:before:-z-10", ], }, }, From 5de6947e82131780d9f14e99b363c69db8a3b1b1 Mon Sep 17 00:00:00 2001 From: Alpha <116849110+alpha-xek@users.noreply.github.com> Date: Tue, 12 Mar 2024 07:06:58 +0530 Subject: [PATCH 2/4] fix(table striped): multiple computed values in `td` --- .changeset/empty-eels-compare.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/.changeset/empty-eels-compare.md b/.changeset/empty-eels-compare.md index bb62b64576..e2de64a342 100644 --- a/.changeset/empty-eels-compare.md +++ b/.changeset/empty-eels-compare.md @@ -2,4 +2,4 @@ "@nextui-org/table": minor --- -Fixed `Table` rendering the contents of the cell beneath the stripe for the multiple computed values in `td` +Fixed the `Table` rendering the contents of the cell beneath the stripe in case of multiple computed values provided in `td` From 20ef3eaac990c125996de4ac858a508383b33e3a Mon Sep 17 00:00:00 2001 From: Alpha <116849110+alpha-xek@users.noreply.github.com> Date: Tue, 12 Mar 2024 08:34:56 +0530 Subject: [PATCH 3/4] fix(table striped): changeset fix --- .changeset/empty-eels-compare.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/.changeset/empty-eels-compare.md b/.changeset/empty-eels-compare.md index e2de64a342..1510fe0cc4 100644 --- a/.changeset/empty-eels-compare.md +++ b/.changeset/empty-eels-compare.md @@ -1,5 +1,5 @@ --- -"@nextui-org/table": minor +"@nextui-org/table": patch --- Fixed the `Table` rendering the contents of the cell beneath the stripe in case of multiple computed values provided in `td` From 2cf59ca151f0fe155082eb42506118de36be5d94 Mon Sep 17 00:00:00 2001 From: Alpha Xek <116849110+alphaxek@users.noreply.github.com> Date: Wed, 13 Mar 2024 03:22:04 +0530 Subject: [PATCH 4/4] fix(table striped): changeset description enhancement Co-authored-by: coderabbitai[bot] <136622811+coderabbitai[bot]@users.noreply.github.com> --- .changeset/empty-eels-compare.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/.changeset/empty-eels-compare.md b/.changeset/empty-eels-compare.md index 1510fe0cc4..d27f06ada6 100644 --- a/.changeset/empty-eels-compare.md +++ b/.changeset/empty-eels-compare.md @@ -2,4 +2,4 @@ "@nextui-org/table": patch --- -Fixed the `Table` rendering the contents of the cell beneath the stripe in case of multiple computed values provided in `td` +Fixed an issue where the `Table` component incorrectly rendered cell contents beneath the stripe when multiple computed values were provided in a `td` (table cell) element.