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

tweak card close x style

Browse Source
This commit is contained in:
afc163 2017-07-03 13:20:43 +08:00
parent eccaeaea0e
commit 5aebf27ff1
1 changed files with 15 additions and 20 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -36,18 +36,23 @@
margin-bottom: 0;
}
&&-card > &-bar &-tab .@{iconfont-css-prefix}-close {
margin-right: 0;
color: @text-color-secondary;
transition: all 0.3s @ease-in-out;
.iconfont-size-under-12px(9px);
transform-origin: 100% 50%;
width: 0;
text-align: right;
vertical-align: middle;
transition: all .3s;
.iconfont-size-under-12px(10px);
margin-right: 0;
opacity: 0;
position: absolute;
right: 2px;
top: 50%;
margin-top: -5px;
overflow: hidden;
text-align: center;
border-radius: 2px;
width: 14px;
height: 14px;
line-height: 1;
&:hover {
color: #404040;
font-weight: bold;
color: @heading-color;
}
}
@ -59,18 +64,8 @@
}
}
&&-editable-card > &-bar &-tab > div {
transition: all 0.3s @ease-in-out;
}
&&-editable-card > &-bar &-tab:not(&-tab-active):hover > div:not(&-tab-unclosable) {
margin-left: -8px;
margin-right: -8px;
}
&&-card > &-bar &-tab-active .@{iconfont-css-prefix}-close,
&&-card > &-bar &-tab:hover .@{iconfont-css-prefix}-close {
width: 16px;
transform: translateZ(0);
opacity: 1;
}
&-extra-content {