From 5c5e94de4d9b60b8959f4adc757d0ffda2fc26af Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Pau=20Ferrer=20Oca=C3=B1a?= <crazyserver@gmail.com>
Date: Fri, 26 May 2017 11:51:16 +0200
Subject: [PATCH] MOBILE-2103 course: Animate spinner transition

---
 www/core/components/course/templates/module.html              | 4 ++--
 www/core/components/courses/templates/courselistprogress.html | 4 ++--
 2 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/www/core/components/course/templates/module.html b/www/core/components/course/templates/module.html
index 72beee6afcd..7c6a431e4d3 100644
--- a/www/core/components/course/templates/module.html
+++ b/www/core/components/course/templates/module.html
@@ -5,11 +5,11 @@
     <div class="buttons mm-module-buttons" ng-class="{'mm-button-completion': module.completionstatus}" ng-if="module.uservisible !== false && ((buttons && buttons.length > 0) || spinner || module.completionstatus)">
         <mm-completion ng-if="module.completionstatus" completion="module.completionstatus" module-name="module.name" after-change="completionChanged"></mm-completion>
 
-        <button ng-repeat="button in buttons" ng-hide="button.hidden" ng-click="button.action($event)" class="button button-icon" aria-label="{{ button.label | translate }}">
+        <button ng-repeat="button in buttons" ng-hide="button.hidden" ng-click="button.action($event)" class="button button-icon mm-animate-show-hide" aria-label="{{ button.label | translate }}">
             <i class="icon positive" ng-class="{'{{button.icon}}': button.icon}"></i>
         </button>
 
-        <ion-spinner ng-if="spinner"></ion-spinner>
+        <ion-spinner ng-if="spinner" class="mm-animate-show-hide"></ion-spinner>
     </div>
 
     <mm-format-text watch="true">{{ title }}</mm-format-text>
diff --git a/www/core/components/courses/templates/courselistprogress.html b/www/core/components/courses/templates/courselistprogress.html
index d24594c6712..f6924d020af 100644
--- a/www/core/components/courses/templates/courselistprogress.html
+++ b/www/core/components/courses/templates/courselistprogress.html
@@ -18,8 +18,8 @@
         </div>
         <h2><mm-format-text watch="true">{{course.fullname}}</mm-format-text></h2>
         <mm-progress-bar ng-if="!roundProgress && course.progress !== false" progress="course.progress"></mm-progress-bar>
-        <i ng-if="showActions && loaded" class="icon ion-android-more-vertical" ng-click="showCourseActions($event)"></i>
-        <ion-spinner ng-if="!loaded"></ion-spinner>
+        <i ng-if="showActions && loaded" class="icon ion-android-more-vertical mm-animate-show-hide" ng-click="showCourseActions($event)"></i>
+        <ion-spinner ng-if="!loaded" class="mm-animate-show-hide"></ion-spinner>
     </a>
     <div class="item item-text-wrap item-borderless" ng-show="course.summary" ng-if="showSummary">
         <p>