feat: add styles

NG-ZORRO · Aug 6, 2019 · aac803a · aac803a
1 parent 459793e
commit aac803a
Show file tree

Hide file tree

Showing 3 changed files with 27 additions and 11 deletions.
diff --git a/components/descriptions/nz-descriptions.component.html b/components/descriptions/nz-descriptions.component.html
@@ -6,21 +6,26 @@
   <table>
     <tbody>
       <ng-container *ngIf="nzLayout === 'horizontal'">
-        <tr class="ant-descriptions-row" *ngFor="let row of itemMatrix; let i = index">
+        <tr class="ant-descriptions-row"
+            *ngFor="let row of itemMatrix; let i = index">
           <ng-container *ngFor="let item of row; let isLast = last">
             <!-- Horizontal & NOT Bordered -->
             <ng-container *ngIf="!nzBordered">
-              <td class="ant-descriptions-item" [class.ant-descriptions-item-colon]="nzColon" [colSpan]="item.span">
-                <span class="ant-descriptions-item-label">{{ item.title }}</span>
+              <td class="ant-descriptions-item"
+                  [colSpan]="item.span">
+                <span class="ant-descriptions-item-label"
+                      [class.ant-descriptions-item-colon]="nzColon">{{ item.title }}</span>
                 <span class="ant-descriptions-item-content">
                   <ng-template [ngTemplateOutlet]="item.content"></ng-template>
                 </span>
               </td>
             </ng-container>
             <!-- Horizontal & Bordered -->
             <ng-container *ngIf="nzBordered">
-              <td class="ant-descriptions-item-label" *nzStringTemplateOutlet="item.title">{{ item.title }}</td>
-              <td class="ant-descriptions-item-content" [colSpan]="isLast ? item.span * 2 - 1 : item.span">
+              <td class="ant-descriptions-item-label"
+                  *nzStringTemplateOutlet="item.title">{{ item.title }}</td>
+              <td class="ant-descriptions-item-content"
+                  [colSpan]="isLast ? item.span * 2 - 1 : item.span">
                 <ng-template [ngTemplateOutlet]="item.content"></ng-template>
               </td>
             </ng-container>
@@ -34,14 +39,17 @@
           <ng-container *ngFor="let row of itemMatrix; let i = index">
             <tr class="ant-descriptions-row">
               <ng-container *ngFor="let item of row; let isLast = last">
-                <td class="ant-descriptions-item" [class.ant-descriptions-item-colon]="nzColon" [colSpan]="item.span">
-                  <span class="ant-descriptions-item-label">{{ item.title }}</span>
+                <td class="ant-descriptions-item"
+                    [colSpan]="item.span">
+                  <span class="ant-descriptions-item-label"
+                        [class.ant-descriptions-item-colon]="nzColon">{{ item.title }}</span>
                 </td>
               </ng-container>
             </tr>
             <tr class="ant-descriptions-row">
               <ng-container *ngFor="let item of row; let isLast = last">
-                <td class="ant-descriptions-item" [colSpan]="item.span">
+                <td class="ant-descriptions-item"
+                    [colSpan]="item.span">
                   <span class="ant-descriptions-item-content">
                     <ng-template [ngTemplateOutlet]="item.content"></ng-template>
                   </span>
@@ -55,14 +63,16 @@
           <ng-container *ngFor="let row of itemMatrix; let i = index">
             <tr class="ant-descriptions-row">
               <ng-container *ngFor="let item of row; let isLast = last">
-                <td class="ant-descriptions-item-label" [colSpan]="item.span">
+                <td class="ant-descriptions-item-label"
+                    [colSpan]="item.span">
                   {{ item.title }}
                 </td>
               </ng-container>
             </tr>
             <tr class="ant-descriptions-row">
               <ng-container *ngFor="let item of row; let isLast = last">
-                <td class="ant-descriptions-item-content" [colSpan]="item.span">
+                <td class="ant-descriptions-item-content"
+                    [colSpan]="item.span">
                   <ng-template [ngTemplateOutlet]="item.content"></ng-template>
                 </td>
               </ng-container>

diff --git a/components/descriptions/style/index.less b/components/descriptions/style/index.less
@@ -47,6 +47,12 @@
       position: relative;
       top: -0.5px;
       margin: 0 8px 0 2px;
+      content: ' ';
+    }
+  }
+
+  &-item-colon {
+    &::after {
       content: ':';
     }
   }

diff --git a/components/progress/nz-progress.component.html b/components/progress/nz-progress.component.html
@@ -44,7 +44,7 @@
     class="ant-progress-inner"
     *ngIf="isCircleStyle"
   >
-    <svg class="ant-progress-circle " viewBox="0 0 100 100">
+    <svg class="ant-progress-circle" viewBox="0 0 100 100">
       <path
         class="ant-progress-circle-trail"
         stroke="#f3f3f3"