archive-gh-me/nextui
1
0
Fork 0
mirror of https://github.com/nextui-org/nextui.git synced 2025-12-08 19:26:11 +00:00
Code Issues Projects Releases Wiki Activity

fix(theme): skeleton overflow issue (#3217)

Browse Source
This commit is contained in:
chirokas 2024-08-29 12:42:24 +08:00 committed by GitHub
parent 97f233b346
commit 9d6bcb580a
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
3 changed files with 9 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
.changeset/moody-coats-sparkle.md Normal file
View File

@ -0,0 +1,5 @@
---
"@nextui-org/theme": patch
---
Fix skeleton overflow issue (#3214 #3670)

4
packages/core/theme/src/components/skeleton.ts
View File

@ -44,7 +44,7 @@ const skeleton = tv({
"data-[loaded=true]:pointer-events-auto", "data-[loaded=true]:pointer-events-auto",
"data-[loaded=true]:overflow-visible", "data-[loaded=true]:overflow-visible",
"data-[loaded=true]:!bg-transparent", "data-[loaded=true]:!bg-transparent",
"data-[loaded=true]:before:opacity-0 data-[loaded=true]:before:animate-none", "data-[loaded=true]:before:opacity-0 data-[loaded=true]:before:-z-10 data-[loaded=true]:before:animate-none",
"data-[loaded=true]:after:opacity-0", "data-[loaded=true]:after:opacity-0",
], ],
content: ["opacity-0", "group-data-[loaded=true]:opacity-100"], content: ["opacity-0", "group-data-[loaded=true]:opacity-100"],
@ -56,7 +56,7 @@ const skeleton = tv({
content: "transition-none", content: "transition-none",
}, },
false: { false: {
base: "transition-background !duration-300 before:transition-opacity before:!duration-300", base: "transition-background !duration-300",
content: "transition-opacity motion-reduce:transition-none !duration-300", content: "transition-opacity motion-reduce:transition-none !duration-300",
}, },
}, },

4
packages/core/theme/src/utilities/transition.ts
View File

@ -46,13 +46,13 @@ export default {
"transition-duration": DEFAULT_TRANSITION_DURATION, "transition-duration": DEFAULT_TRANSITION_DURATION,
}, },
".transition-transform-colors": { ".transition-transform-colors": {
" transition-property": "transition-property":
"transform, color, background, background-color, border-color, text-decoration-color, fill, stroke", "transform, color, background, background-color, border-color, text-decoration-color, fill, stroke",
"transition-timing-function": "ease", "transition-timing-function": "ease",
"transition-duration": DEFAULT_TRANSITION_DURATION, "transition-duration": DEFAULT_TRANSITION_DURATION,
}, },
".transition-transform-colors-opacity": { ".transition-transform-colors-opacity": {
" transition-property": "transition-property":
"transform, color, background, background-color, border-color, text-decoration-color, fill, stroke, opacity", "transform, color, background, background-color, border-color, text-decoration-color, fill, stroke, opacity",
"transition-timing-function": "ease", "transition-timing-function": "ease",
"transition-duration": DEFAULT_TRANSITION_DURATION, "transition-duration": DEFAULT_TRANSITION_DURATION,