fix(spinner): fix spin color

fivethree-team · Jul 27, 2019 · 1f57b56 · 1f57b56
1 parent 313094c
commit 1f57b56
Show file tree

Hide file tree

Showing 6 changed files with 6 additions and 5 deletions.
diff --git a/package.json b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@fivethree/core",
-  "version": "0.8.25",
+  "version": "0.9.0",
   "author": "Fivethree Team",
   "homepage": "https://fivethree.io/",
   "description": "Fivethree Web Components",

diff --git a/projects/core/package.json b/projects/core/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@fivethree/core",
-  "version": "0.8.25",
+  "version": "0.9.0",
   "description": "Fivethree Core Components",
   "keywords": [
     "fivethree",

diff --git a/projects/core/src/lib/loading-content/loading-content.component.html b/projects/core/src/lib/loading-content/loading-content.component.html
@@ -1,4 +1,4 @@
-<fiv-loading-refresher-content [progress]="currentProgress" (fivProgress)="onSpinnerProgress($event)" (fivHidden)="afterSpinnerHide()" (fivComplete)="fillAnimationDone()"
+<fiv-loading-refresher-content [spinColor]="spinColor" [progress]="currentProgress" (fivProgress)="onSpinnerProgress($event)" (fivHidden)="afterSpinnerHide()" (fivComplete)="fillAnimationDone()"
   #spinner></fiv-loading-refresher-content>
 <ion-chip class="gg-hint-wrapper" *ngIf="hintVisible" [@hintAnim] (@hintAnim.done)="postHint($event)" (click)="onHintClicked()"
   #hint>

diff --git a/projects/core/src/lib/loading-content/loading-content.component.ts b/projects/core/src/lib/loading-content/loading-content.component.ts
@@ -82,6 +82,7 @@ import {
 })
 export class FivLoadingContent implements OnInit {
   @Input() hintText = 'new posts';
+  @Input() spinColor = 'light';
   @Input() maxPullHeight = 168;
   @Input() minPullHeight = 112;
   @Output() fivProgressChanged: EventEmitter<number> = new EventEmitter();

diff --git a/...rc/lib/loading-content/loading-refresher-content/loading-refresher-content.component.html b/...rc/lib/loading-content/loading-refresher-content/loading-refresher-content.component.html
@@ -1,4 +1,4 @@
 <div #background class="spinner-background">
     <fiv-loading-spinner #spinner (fivProgress)="fivProgress.emit($event)" (fivComplete)="fillAnimationDone()"
-        class="spinner" [circleRadius]="8" [diameter]="20" [strokeWidth]="2"></fiv-loading-spinner>
+        class="spinner" [color]="spinColor" [circleRadius]="8" [diameter]="20" [strokeWidth]="2"></fiv-loading-spinner>
 </div>
diff --git a/src/app/pages/refresh/refresh.page.html b/src/app/pages/refresh/refresh.page.html
@@ -1,7 +1,7 @@
 <app-header title="Refresher"></app-header>
 
 
-<fiv-loading-content #content>
+<fiv-loading-content spinColor="dark" #content>
 
   <ion-grid class="page-content" fixed>
     <ion-row>