NateWr#6 change the loading ID to the class

Yjohn · Oct 13, 2017 · afb3936 · afb3936
1 parent 99bd9e5
commit afb3936
Show file tree

Hide file tree

Showing 3 changed files with 3 additions and 3 deletions.
diff --git a/public/main.js b/public/main.js
@@ -1,5 +1,5 @@
 const showHideLoader = function (id, showLoader) {
-    const loader = document.querySelector(`.question-${id} #loading`);
+    const loader = document.querySelector(`.question-${id} .loading`);
     const hideButtons = document.querySelectorAll(`.question-${id} .button-feedback`);
 
     if (showLoader === true) {

diff --git a/public/stylesheets/style.css b/public/stylesheets/style.css
@@ -211,7 +211,7 @@ a:focus {
 }
 
 /* Loader (*/
-#loading {
+.loading {
 
 	width: 40px;
 	height: 40px;

diff --git a/views/index.hbs b/views/index.hbs
@@ -21,7 +21,7 @@
 			<span class="value-helpful" data-question-id={{this._id}}>{{this.helpful}}/{{this.total}} people found this helpful. Was this entry helpful?</span>
 			<button class="button button--small button-feedback" data-helpful="true" data-question-id="{{this._id}}">Yes</button>
 			<button class="button button--small button-feedback" data-helpful="false" data-question-id="{{this._id}}">No</button>
-			<div id="loading" class="hidden"></div>
+			<div class="loading hidden"></div>
 		</div>
 	</li>
 	{{/each}}