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 loading card padding

Browse Source
This commit is contained in:
afc163 2017-08-02 21:11:20 +08:00
parent ecc18ef3a6
commit bb7c580e4b
3 changed files with 9 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
components/card/__tests__/__snapshots__/demo.test.js.snap
View File

@ -233,7 +233,9 @@ exports[`renders ./components/card/demo/loading.md correctly 1`] = `
<div <div
class="ant-card-body" class="ant-card-body"
> >
<div> <div
class="ant-card-loading-content"
>
<p <p
class="ant-card-loading-block" class="ant-card-loading-block"
style="width:94%;" style="width:94%;"

2
components/card/index.tsx
View File

@ -84,7 +84,7 @@ export default class Card extends Component<CardProps> {
if (loading) { if (loading) {
children = ( children = (
<div> <div className={`${prefixCls}-loading-content`}>
<p className={`${prefixCls}-loading-block`} style={{ width: '94%' }} /> <p className={`${prefixCls}-loading-block`} style={{ width: '94%' }} />
<p> <p>
<span className={`${prefixCls}-loading-block`} style={{ width: '28%' }} /> <span className={`${prefixCls}-loading-block`} style={{ width: '28%' }} />

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

@ -54,6 +54,11 @@
&-loading &-body { &-loading &-body {
user-select: none; user-select: none;
padding: 0;
}
&-loading-content {
padding: @card-padding-base;
} }
&-loading-block { &-loading-block {