From 590a6dafbbbd3f491ec332c8d3e9f0da85faf67b Mon Sep 17 00:00:00 2001 From: abhinandan-verma Date: Wed, 17 Jul 2024 03:09:20 +0530 Subject: [PATCH 1/5] fix(listbox): card shadow clipping when inside listbox item --- .changeset/five-teachers-refuse.md | 5 +++++ packages/core/theme/src/components/menu.ts | 2 +- 2 files changed, 6 insertions(+), 1 deletion(-) create mode 100644 .changeset/five-teachers-refuse.md diff --git a/.changeset/five-teachers-refuse.md b/.changeset/five-teachers-refuse.md new file mode 100644 index 0000000000..ab72a97511 --- /dev/null +++ b/.changeset/five-teachers-refuse.md @@ -0,0 +1,5 @@ +--- +"@nextui-org/theme": patch +--- + +fixed the shadow clipping of card inside listbox or menubox item diff --git a/packages/core/theme/src/components/menu.ts b/packages/core/theme/src/components/menu.ts index 96dba231dc..fe109f21e1 100644 --- a/packages/core/theme/src/components/menu.ts +++ b/packages/core/theme/src/components/menu.ts @@ -71,7 +71,7 @@ const menuItem = tv({ "data-[focus-visible=true]:dark:ring-offset-background-content1", ], wrapper: "w-full flex flex-col items-start justify-center", - title: "flex-1 text-small font-normal truncate", + title: "flex-1 text-small font-normal overflow-visible", description: ["w-full", "text-tiny", "text-foreground-500", "group-hover:text-current"], selectedIcon: ["text-inherit", "w-3", "h-3", "flex-shrink-0"], shortcut: [ From ae5405c5c23d52ca251bafd5101787ae27aa11e4 Mon Sep 17 00:00:00 2001 From: abhinandan-verma Date: Wed, 17 Jul 2024 09:37:48 +0530 Subject: [PATCH 2/5] fix(listbox): card shadow clipping when inside listbox item --- .changeset/bright-avocados-yell.md | 5 +++++ 1 file changed, 5 insertions(+) create mode 100644 .changeset/bright-avocados-yell.md diff --git a/.changeset/bright-avocados-yell.md b/.changeset/bright-avocados-yell.md new file mode 100644 index 0000000000..f82be5c34c --- /dev/null +++ b/.changeset/bright-avocados-yell.md @@ -0,0 +1,5 @@ +--- +"@nextui-org/theme": patch +--- + +fixed the shadow clipping of card inside listbox or menubox item (#3480) From baa261b15981fd21e09c65bc7d3d60a9f6f4a52a Mon Sep 17 00:00:00 2001 From: Abhinandan Date: Wed, 17 Jul 2024 09:39:08 +0530 Subject: [PATCH 3/5] Update five-teachers-refuse.md --- .changeset/five-teachers-refuse.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/.changeset/five-teachers-refuse.md b/.changeset/five-teachers-refuse.md index ab72a97511..f82be5c34c 100644 --- a/.changeset/five-teachers-refuse.md +++ b/.changeset/five-teachers-refuse.md @@ -2,4 +2,4 @@ "@nextui-org/theme": patch --- -fixed the shadow clipping of card inside listbox or menubox item +fixed the shadow clipping of card inside listbox or menubox item (#3480) From a499ad5aee4ae837d115b0aed5ef77709ab08129 Mon Sep 17 00:00:00 2001 From: Abhinandan Date: Wed, 17 Jul 2024 09:39:44 +0530 Subject: [PATCH 4/5] Delete .changeset/bright-avocados-yell.md --- .changeset/bright-avocados-yell.md | 5 ----- 1 file changed, 5 deletions(-) delete mode 100644 .changeset/bright-avocados-yell.md diff --git a/.changeset/bright-avocados-yell.md b/.changeset/bright-avocados-yell.md deleted file mode 100644 index f82be5c34c..0000000000 --- a/.changeset/bright-avocados-yell.md +++ /dev/null @@ -1,5 +0,0 @@ ---- -"@nextui-org/theme": patch ---- - -fixed the shadow clipping of card inside listbox or menubox item (#3480) From 993495c4de9b7af0aa1bbf53d661d4d711053887 Mon Sep 17 00:00:00 2001 From: abhinandan-verma Date: Wed, 17 Jul 2024 23:11:10 +0530 Subject: [PATCH 5/5] fix(listbox): card shadow clipping when inside listbox item --- packages/core/theme/src/components/menu.ts | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/packages/core/theme/src/components/menu.ts b/packages/core/theme/src/components/menu.ts index fe109f21e1..b5abf8f83e 100644 --- a/packages/core/theme/src/components/menu.ts +++ b/packages/core/theme/src/components/menu.ts @@ -71,7 +71,7 @@ const menuItem = tv({ "data-[focus-visible=true]:dark:ring-offset-background-content1", ], wrapper: "w-full flex flex-col items-start justify-center", - title: "flex-1 text-small font-normal overflow-visible", + title: "flex-1 text-small font-normal", description: ["w-full", "text-tiny", "text-foreground-500", "group-hover:text-current"], selectedIcon: ["text-inherit", "w-3", "h-3", "flex-shrink-0"], shortcut: [