test/ant-design
1
0
Fork 0
mirror of https://gitee.com/ant-design/ant-design.git synced 2024-12-01 03:29:39 +08:00
Code Issues Actions 69 Packages Projects Releases Wiki Activity

Fix card tab pane style, close #5888

Browse Source
This commit is contained in:
afc163 2017-05-10 21:29:52 +08:00
parent de87bd7d17
commit 2129237aa1
2 changed files with 14 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
components/tabs/style/card-style.less
View File

@ -55,6 +55,9 @@
&&-card &-content > &-tabpane,
&&-editable-card &-content > &-tabpane {
transition: none!important;
&-inactive {
overflow: hidden;
}
}
&&-editable-card > &-bar &-tab > div {

16
components/tabs/style/index.less
View File

@ -19,9 +19,6 @@
height: 2px;
background-color: @primary-color;
transform-origin: 0 0;
&-animated {
transition: transform 0.3s @ease-in-out, width 0.3s @ease-in-out;
}
}
&-bar {
@ -195,7 +192,7 @@
> .@{tab-prefix-cls}-tabpane {
flex-shrink: 0;
width: 100%;
transition: opacity 0.3s;
transition: opacity .45s;
opacity: 1;
}
@ -203,7 +200,6 @@
opacity: 0;
height: 0;
padding: 0!important;
overflow: hidden;
}
}
> .@{tab-prefix-cls}-content-animated {
@ -338,6 +334,16 @@
}
}
.@{tab-prefix-cls}-top .@{tab-prefix-cls}-ink-bar-animated,
.@{tab-prefix-cls}-bottom .@{tab-prefix-cls}-ink-bar-animated {
transition: transform .3s @ease-in-out, width .3s @ease-in-out;
}
.@{tab-prefix-cls}-left .@{tab-prefix-cls}-ink-bar-animated,
.@{tab-prefix-cls}-right .@{tab-prefix-cls}-ink-bar-animated {
transition: transform .3s @ease-in-out, height .3s @ease-in-out;
}
.no-flex,
.@{tab-prefix-cls}-no-animation,
.@{tab-prefix-cls}-vertical {