mirror/ant-design
1
0
Fork 0
mirror of https://github.com/ant-design/ant-design.git synced 2025-08-06 16:06:28 +08:00
Code Issues Actions 17 Packages Projects Releases Wiki Activity

Fix extra padding of loading Card when it is too wide

Browse Source
This commit is contained in:
afc163 2017-10-26 19:20:12 +08:00
parent 5660e81541
commit ad9809ec2e
1 changed files with 19 additions and 19 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

38
components/card/style/index.less
View File

@ -57,25 +57,6 @@
.clearfix;
}
&-loading &-body {
user-select: none;
padding: 0;
}
&-loading-content {
padding: @card-padding-base;
}
&-loading-block {
display: inline-block;
margin: 5px 1% 0;
height: 14px;
border-radius: @border-radius-sm;
background: linear-gradient(90deg, rgba(207, 216, 220, .2), rgba(207, 216, 220, .4), rgba(207, 216, 220, .2));
animation: card-loading 1.4s ease infinite;
background-size: 600% 600%;
}
&-contain-grid &-body {
margin: -1px 0 0 -1px;
padding: 0;
@ -116,6 +97,25 @@
&-padding-transition &-extra {
transition: right .3s;
}
&-loading &-body {
user-select: none;
padding: 0;
}
&-loading-content {
padding: @card-padding-base;
}
&-loading-block {
display: inline-block;
margin: 5px 1% 0;
height: 14px;
border-radius: @border-radius-sm;
background: linear-gradient(90deg, rgba(207, 216, 220, .2), rgba(207, 216, 220, .4), rgba(207, 216, 220, .2));
animation: card-loading 1.4s ease infinite;
background-size: 600% 600%;
}
}
@keyframes card-loading {