Merge pull request #17247 from caesar2164/problem-loading-spinner

Add FA loading spinner to each problem
2018-01-23 08:24:58 -05:00
parent 097e000a24 c3ff17a8f1
commit 47272087cf
2 changed files with 11 additions and 0 deletions
--- a/common/lib/xmodule/xmodule/css/capa/display.scss
+++ b/common/lib/xmodule/xmodule/css/capa/display.scss
@@ -1675,3 +1675,10 @@ div.problem .annotation-input {
    content: '';
  }
 }
+
+// Loading Spinner
+// ====================
+.problems-wrapper .loading-spinner {
+  text-align: center;
+  color: $gray-d1;
+}
--- a/lms/templates/problem_ajax.html
+++ b/lms/templates/problem_ajax.html
@@ -6,4 +6,8 @@
     data-attempts-used="${attempts_used}"
     data-content="${content | h}"
     data-graded="${graded}">
+    <p class="loading-spinner">
+        <i class="fa fa-spinner fa-pulse fa-2x fa-fw"></i>
+        <span class="sr">Loading&hellip;</span>
+    </p>
 </div>