Merge pull request #5745 from RocketChat/hide-loading

show loading animation only when room is loading new messages

packages/rocketchat-theme/client/imports/base.less

@@ -4572,6 +4572,7 @@ body:not(.is-cordova) {
 .load-more {
 	position: relative;
 	padding: 1rem 0;
+	height: 10px;
 }
 
 .search-messages-list {

packages/rocketchat-ui/views/app/room.coffee

@@ -314,9 +314,6 @@ Template.room.events
 				RoomHistoryManager.getMoreNext(@_id)
 	, 200
 
-	'click .load-more > button': ->
-		RoomHistoryManager.getMore(@_id)
-
 	'click .new-message': (e) ->
 		Template.instance().atBottom = true
 		Template.instance().find('.input-message').focus()

packages/rocketchat-ui/views/app/room.html

@@ -84,7 +84,9 @@
 							{{#if canPreview}}
 								{{#if hasMore}}
 									<li class="load-more">
-										{{> loading}}
+										{{#if isLoading}}
+											{{> loading}}
+										{{/if}}
 									</li>
 								{{else}}
 									<li class="start color-info-font-color">
@@ -97,7 +99,9 @@
 							{{/each}}
 							{{#if hasMoreNext}}
 								<li class="load-more">
-									{{> loading}}
+									{{#if isLoading}}
+										{{> loading}}
+									{{/if}}
 								</li>
 							{{/if}}
 						</ul>