github
/
ant-design-vue
mirror of https://github.com/vueComponent/ant-design-vue
1
0
Fork 0
Code Issues Projects Releases Wiki Activity

fix(tabs): animated tabs style (#6855), close #6804

pull/6871/head
Konv Suu 2023-08-18 14:33:41 +08:00 committed by GitHub
parent 1abc33a9e7
commit 6cf5d79e2e
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 7 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
components/tabs/style/index.ts
View File

@ -834,7 +834,12 @@ const genTabsStyle: GenerateStyle<TabsToken> = (token: TabsToken): CSSObject =>
// =========================== TabPanes =========================== // =========================== TabPanes ===========================
[`${componentCls}-content`]: { [`${componentCls}-content`]: {
position: 'relative', position: 'relative',
display: 'flex',
width: '100%', width: '100%',
['&-animated']: {
transition: 'margin 0.3s',
},
}, },
[`${componentCls}-content-holder`]: { [`${componentCls}-content-holder`]: {
@ -845,9 +850,8 @@ const genTabsStyle: GenerateStyle<TabsToken> = (token: TabsToken): CSSObject =>
[`${componentCls}-tabpane`]: { [`${componentCls}-tabpane`]: {
outline: 'none', outline: 'none',
'&-hidden': { flex: 'none',
display: 'none', width: '100%',
},
}, },
}, },