Merge pull request #668 from flibbertigibbet/feature/fix-spinners

Fix loading spinners
azavea · Dec 2, 2016 · 52e362f · 52e362f
2 parents 0013a04 + ad544b2
commit 52e362f
Show file tree

Hide file tree

Showing 2 changed files with 15 additions and 15 deletions.
diff --git a/python/cac_tripplanner/templates/home.html b/python/cac_tripplanner/templates/home.html
@@ -89,10 +89,10 @@ <h3 class="text-center hidden-xs">There are 2 easy ways to use the map:</h3>
             <h1>Featured Locations <small>
                 <a id="viewAllDestinations" href="#">View all &raquo;</a>
             </small></h1>
-            <div id="#destinationsSpinner" class="sk-spinner sk-spinner-three-bounce hidden">
-                <div class="sk-bounce1"></div>
-                <div class="sk-bounce2"></div>
-                <div class="sk-bounce3"></div>
+            <div id="#destinationsSpinner" class="sk-spinner sk-three-bounce hidden">
+                <div class="sk-child sk-bounce1"></div>
+                <div class="sk-child sk-bounce2"></div>
+                <div class="sk-child sk-bounce3"></div>
             </div>
             <div class="row destinations">
                 {% for destination in destinations|slice:":2" %}
@@ -133,10 +133,10 @@ <h5 class="destination-address-2">{{ destination.city }}, {{ destination.state }
                     <h3>GoPhillyGo Spotlight <small>
                         <a id="viewAllArticles" href="#">View all &raquo;</a>
                     </small></h3>
-                    <div id="articlesSpinner" class="sk-spinner sk-spinner-three-bounce hidden">
-                        <div class="sk-bounce1"></div>
-                        <div class="sk-bounce2"></div>
-                        <div class="sk-bounce3"></div>
+                    <div id="articlesSpinner" class="sk-spinner sk-three-bounce hidden">
+                        <div class="sk-child sk-bounce1"></div>
+                        <div class="sk-child sk-bounce2"></div>
+                        <div class="sk-child sk-bounce3"></div>
                     </div>
                     <div class="row articles">
                       {% if community_profile %}

diff --git a/python/cac_tripplanner/templates/map.html b/python/cac_tripplanner/templates/map.html
@@ -104,9 +104,9 @@ <h6>Maximum walking distance</h6>
             </div>
             <div class="sidebar-block sidebar-details">
                 <div class="sk-spinner sk-spinner-three-bounce hidden block block-destination">
-                    <div class="sk-bounce1"></div>
-                    <div class="sk-bounce2"></div>
-                    <div class="sk-bounce3"></div>
+                    <div class="sk-child sk-bounce1"></div>
+                    <div class="sk-child sk-bounce2"></div>
+                    <div class="sk-child sk-bounce3"></div>
                 </div>
                 <div class="destinations">
                 </div>
@@ -179,10 +179,10 @@ <h6>Maximum walking distance</h6>
             </div>
             <div class="sidebar-clip">
                 <div class="sidebar-block sidebar-details">
-                    <div class="sk-spinner sk-spinner-three-bounce hidden">
-                        <div class="sk-bounce1"></div>
-                        <div class="sk-bounce2"></div>
-                        <div class="sk-bounce3"></div>
+                    <div class="sk-spinner sk-three-bounce hidden">
+                        <div class="sk-child sk-bounce1"></div>
+                        <div class="sk-child sk-bounce2"></div>
+                        <div class="sk-child sk-bounce3"></div>
                     </div>
                     <div class="itineraries"></div>
                     <div class="directions-list hidden"></div>