fix excessive CPU usage on linux chromium caused by animated SVG icons

1 files changed, 8 insertions, 2 deletions

diff --git a/js/Headlines.js b/js/Headlines.js
index 2e19d54f2..134bdad6d 100755
--- a/js/Headlines.js
+++ b/js/Headlines.js
@@ -533,8 +533,8 @@ const Headlines = {
 						<div class="content" onclick="return Headlines.click(event, ${hl.id}, true);">
 							${Article.renderNote(hl.id, hl.note)}
 							<div class="content-inner" lang="${hl.lang ? hl.lang : 'en'}">
-								<div class="text-center">
-									<img class="icon-unpack-pending" src="${App.getInitParam('icon_three_dots')}">
+								<div class="text-center text-muted">
+									${__("Loading, please wait...")}
 								</div>
 							</div>
 							<div class="intermediate">
@@ -749,6 +749,9 @@ const Headlines = {
 					hsp.id = "headlines-spacer";
 				}
 
+				// clear out hsp contents in case there's a power-hungry svg icon rotating there
+				hsp.innerHTML = "";
+
 				dijit.byId('headlines-frame').domNode.appendChild(hsp);
 
 				this.initHeadlinesMenu();
@@ -800,6 +803,9 @@ const Headlines = {
 					hsp.id = "headlines-spacer";
 				}
 
+				// clear out hsp contents in case there's a power-hungry svg icon rotating there
+				hsp.innerHTML = "";
+
 				c.domNode.appendChild(hsp);
 
 				this.initHeadlinesMenu();