From 730b5ee9d028910c17a9297ab1e7e3dc353f23b4 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E5=8D=A1=E8=89=B2?= <cipchk@qq.com>
Date: Mon, 2 Jul 2018 22:23:45 +0800
Subject: [PATCH] fix(module:list): fix loading style misplacement of spin
 (#1767)

close #1739
---
 components/list/list.spec.ts           | 7 +++++++
 components/list/nz-list.component.html | 1 +
 2 files changed, 8 insertions(+)

diff --git a/components/list/list.spec.ts b/components/list/list.spec.ts
index b13e648c81e..c3f14270c0f 100644
--- a/components/list/list.spec.ts
+++ b/components/list/list.spec.ts
@@ -105,6 +105,13 @@ describe('list', () => {
           expect(dl.query(By.css('.ant-list-loading')) != null).toBe(value);
         });
       }
+
+      it('should be minimum area block when data is empty', () => {
+        context.nzLoading = true;
+        context.data = [];
+        fixture.detectChanges();
+        expect(dl.query(By.css('.ant-spin-nested-loading'))).not.toBeNull();
+      });
     });
 
     it('#nzDataSource', () => {
diff --git a/components/list/nz-list.component.html b/components/list/nz-list.component.html
index 4504c40804f..eec5880846b 100644
--- a/components/list/nz-list.component.html
+++ b/components/list/nz-list.component.html
@@ -9,6 +9,7 @@
   <ng-container *ngIf="_header; else _headerTpl">{{ _header }}</ng-container>
 </div>
 <nz-spin [nzSpinning]="nzLoading">
+  <div *ngIf="nzLoading && nzDataSource.length === 0" [style.min-height.px]="53"></div>
   <div *ngIf="nzGrid; else itemsTpl" nz-row [nzGutter]="nzGrid.gutter">
     <div nz-col [nzSpan]="nzGrid.span" [nzXs]="nzGrid.xs" [nzSm]="nzGrid.sm" [nzMd]="nzGrid.md" [nzLg]="nzGrid.lg" [nzXl]="nzGrid.xl" [nzXXl]="nzGrid.xxl"
       *ngFor="let item of nzDataSource; let index = index">