fix: category select dropdown cannot be fully displayed in repeater component (#3819)

#### What type of PR is this?

/kind bug
/area console
/milestone 2.5.x

#### What this PR does / why we need it:

修复文章分类和标签选择组件在 Repeater 组件中,下拉框无法完整显示的问题。

<img width="598" alt="image" src="https://user-images.githubusercontent.com/21301288/233818471-0334b449-e2eb-44aa-a5ce-ed9a4ad54e8b.png">

#### Which issue(s) this PR fixes:

Fixes #3479 

#### Does this PR introduce a user-facing change?

```release-note
修复 Console 端的文章分类和标签选择组件在 Repeater 组件中,下拉框无法完整显示的问题。
```
pull/3845/head
Ryan Wang 2023-04-24 17:56:13 +08:00 committed by GitHub
parent ce60aab9d3
commit 1681be36d6
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 5 additions and 5 deletions

View File

@ -86,9 +86,9 @@ const theme: Record<string, Record<string, string>> = {
wrapper: boxClassification.wrapper,
help: boxClassification.wrapper,
inner: "flex flex-col gap-4",
items: "flex flex-col w-full gap-2",
item: "border rounded-base grid grid-cols-12 focus-within:border-primary transition-all overflow-hidden focus-within:shadow-sm",
content: "flex-1 p-2 col-span-11 divide-y divide-gray-100",
items: "flex flex-col w-full gap-2 rounded-base",
item: "border rounded-base grid grid-cols-12 focus-within:border-primary transition-all overflow-visible focus-within:shadow-sm",
content: "flex-1 p-2 col-span-11 divide-y divide-gray-100",
controls: "bg-gray-200 col-span-1 flex items-center justify-center",
},
group: {
@ -110,7 +110,7 @@ const theme: Record<string, Record<string, string>> = {
"h-4 w-4 cursor-pointer text-gray-600 hover:text-gray-900",
"post-tags-button": "inline-flex h-full cursor-pointer items-center px-1",
"dropdown-wrapper":
"absolute ring-1 ring-white top-full bottom-auto right-0 z-10 mt-1 max-h-96 w-full overflow-auto rounded bg-white shadow-lg",
"absolute ring-1 ring-gray-100 top-full bottom-auto right-0 z-10 mt-1 max-h-96 w-full overflow-auto rounded bg-white shadow-lg",
},
categorySelect: {
...textClassification,
@ -121,7 +121,7 @@ const theme: Record<string, Record<string, string>> = {
"post-categories-button":
"inline-flex h-full cursor-pointer items-center px-1",
"dropdown-wrapper":
"absolute ring-1 ring-white top-full bottom-auto right-0 z-10 mt-1 max-h-96 w-full overflow-auto rounded bg-white shadow-lg",
"absolute ring-1 ring-gray-100 top-full bottom-auto right-0 z-10 mt-1 max-h-96 w-full overflow-auto rounded bg-white shadow-lg",
},
};