mirror of
https://github.com/ant-design/ant-design.git
synced 2025-06-07 09:26:06 +08:00
fix(Collapse): arrow selector (#48417)
* fix(Collapse): arrow selector * fix(Collapse): arrow selector * fix: transition --------- Co-authored-by: vagusX <vagusxl@gmail.com> Co-authored-by: afc163 <afc163@gmail.com>
This commit is contained in:
parent
9a0e2ad91f
commit
33ae55f928
@ -124,7 +124,9 @@ export const genBaseStyle: GenerateStyle<CollapseToken> = (token) => {
|
|||||||
[`${componentCls}-arrow`]: {
|
[`${componentCls}-arrow`]: {
|
||||||
...resetIcon(),
|
...resetIcon(),
|
||||||
fontSize: fontSizeIcon,
|
fontSize: fontSizeIcon,
|
||||||
|
// when `transform: rotate()` is applied to icon's root element
|
||||||
|
transition: `transform ${motionDurationSlow}`,
|
||||||
|
// when `transform: rotate()` is applied to icon's child element
|
||||||
svg: {
|
svg: {
|
||||||
transition: `transform ${motionDurationSlow}`,
|
transition: `transform ${motionDurationSlow}`,
|
||||||
},
|
},
|
||||||
@ -231,7 +233,7 @@ export const genBaseStyle: GenerateStyle<CollapseToken> = (token) => {
|
|||||||
const genArrowStyle: GenerateStyle<CollapseToken> = (token) => {
|
const genArrowStyle: GenerateStyle<CollapseToken> = (token) => {
|
||||||
const { componentCls } = token;
|
const { componentCls } = token;
|
||||||
|
|
||||||
const fixedSelector = `> ${componentCls}-item > ${componentCls}-header ${componentCls}-arrow svg`;
|
const fixedSelector = `> ${componentCls}-item > ${componentCls}-header ${componentCls}-arrow`;
|
||||||
|
|
||||||
return {
|
return {
|
||||||
[`${componentCls}-rtl`]: {
|
[`${componentCls}-rtl`]: {
|
||||||
|
Loading…
Reference in New Issue
Block a user