From 085088ee7792914897166438f2a7a6163f8df79a Mon Sep 17 00:00:00 2001
From: Adam Bradley <adambradley25@gmail.com>
Date: Sat, 12 Mar 2016 22:34:13 -0600
Subject: [PATCH] perf(infinitescroll): display none svg until needed

By default the SVG spinner should be display none at all times. Only
display block the SVG when the infinite scroll is in the loading state.

Closes #5776
---
 ionic/components/infinite-scroll/infinite-scroll.scss | 5 +++--
 1 file changed, 3 insertions(+), 2 deletions(-)

diff --git a/ionic/components/infinite-scroll/infinite-scroll.scss b/ionic/components/infinite-scroll/infinite-scroll.scss
index 74d9780170..4e85a0853d 100644
--- a/ionic/components/infinite-scroll/infinite-scroll.scss
+++ b/ionic/components/infinite-scroll/infinite-scroll.scss
@@ -22,13 +22,14 @@ ion-infinite-scroll-content {
   flex-direction: column;
   justify-content: center;
   height: 100%;
+  min-height: 84px;
   text-align: center;
 }
 
 .infinite-loading {
+  display: none;
   margin: $infinite-scroll-loading-margin;
   width: 100%;
-  opacity: 0;
 }
 
 .infinite-loading-text {
@@ -41,7 +42,7 @@ ion-infinite-scroll-content {
 // --------------------------------------------------
 
 ion-infinite-scroll-content[state=loading] .infinite-loading {
-  opacity: 1;
+  display: block;
 }
 
 ion-infinite-scroll-content[state=disabled] {