mirror of
https://github.com/ant-design/ant-design.git
synced 2025-08-15 13:38:29 +02:00
fix: Adjusted the Carousel dot background to prevent white gaps during animation (#54529)
This commit is contained in:
parent
953a8c0278
commit
06306cd37f
1 changed files with 2 additions and 1 deletions
|
@ -277,7 +277,7 @@ const genDotsStyle: GenerateStyle<CarouselToken> = (token) => {
|
|||
width: '100%',
|
||||
height: dotHeight,
|
||||
content: '""',
|
||||
background: colorBgContainer,
|
||||
background: 'transparent',
|
||||
borderRadius: dotHeight,
|
||||
opacity: 1,
|
||||
outline: 'none',
|
||||
|
@ -321,6 +321,7 @@ const genDotsStyle: GenerateStyle<CarouselToken> = (token) => {
|
|||
opacity: 1,
|
||||
},
|
||||
'&::after': {
|
||||
background: colorBgContainer,
|
||||
transform: 'translate3d(0, 0, 0)',
|
||||
transition: `transform var(${DotDuration}) ease-out`,
|
||||
},
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue