test/ant-design
1
0
Fork 0
mirror of https://gitee.com/ant-design/ant-design.git synced 2024-12-04 04:58:55 +08:00
Code Issues Actions 100 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; margin-bottom: 0;
} }
&&-card > &-bar &-tab .@{iconfont-css-prefix}-close { &&-card > &-bar &-tab .@{iconfont-css-prefix}-close {
margin-right: 0;
color: @text-color-secondary; color: @text-color-secondary;
transition: all 0.3s @ease-in-out; transition: all .3s;
.iconfont-size-under-12px(9px); .iconfont-size-under-12px(10px);
transform-origin: 100% 50%; margin-right: 0;
width: 0; opacity: 0;
text-align: right; position: absolute;
vertical-align: middle; right: 2px;
top: 50%;
margin-top: -5px;
overflow: hidden; overflow: hidden;
text-align: center;
border-radius: 2px;
width: 14px;
height: 14px;
line-height: 1;
&:hover { &:hover {
color: #404040; color: @heading-color;
font-weight: bold;
} }
} }
@ -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 { &&-card > &-bar &-tab:hover .@{iconfont-css-prefix}-close {
width: 16px; opacity: 1;
transform: translateZ(0);
} }
&-extra-content { &-extra-content {