fix(module:descriptions): fix DOM structure (#6112)

Co-authored-by: wendellhu95 <wendellhu95@gmail.com>
NG-ZORRO · Nov 28, 2020 · 5e42d71 · 5e42d71
1 parent 1d7964e
commit 5e42d71
Showing 1 changed file with 10 additions and 8 deletions.
diff --git a/components/descriptions/descriptions.component.ts b/components/descriptions/descriptions.component.ts
@@ -62,14 +62,16 @@ const defaultColumnMap: { [key in NzBreakpointEnum]: number } = {
                 <!-- Horizontal & NOT Bordered -->
                 <ng-container *ngIf="!nzBordered">
                   <td class="ant-descriptions-item" [colSpan]="item.span">
-                    <span class="ant-descriptions-item-label" [class.ant-descriptions-item-colon]="nzColon">
-                      <ng-container *nzStringTemplateOutlet="item.title">
-                        {{ item.title }}
-                      </ng-container>
-                    </span>
-                    <span class="ant-descriptions-item-content">
-                      <ng-template [ngTemplateOutlet]="item.content"></ng-template>
-                    </span>
+                    <div class="ant-descriptions-item-container">
+                      <span class="ant-descriptions-item-label" [class.ant-descriptions-item-colon]="nzColon">
+                        <ng-container *nzStringTemplateOutlet="item.title">
+                          {{ item.title }}
+                        </ng-container>
+                      </span>
+                      <span class="ant-descriptions-item-content">
+                        <ng-template [ngTemplateOutlet]="item.content"></ng-template>
+                      </span>
+                    </div>
                   </td>
                 </ng-container>
                 <!-- Horizontal & Bordered -->