MOBILE-2103 course: Animate spinner transition

moodlehq · May 26, 2017 · 5c5e94d · 5c5e94d
1 parent 709b10e
commit 5c5e94d
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 4 deletions.
diff --git 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
@@ -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>