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

7 files changed, 17 insertions, 28 deletions

diff --git a/themes/compact.css b/themes/compact.css
index f9799c9ae..62cdd0839 100644
--- a/themes/compact.css
+++ b/themes/compact.css
@@ -520,10 +520,10 @@ body.ttrss_main #feeds-holder #feedTree .dijitTreeNode .dijitTreeRow {
   border: 1px solid transparent;
 }
 body.ttrss_main #feeds-holder #feedTree .dijitTreeNode .dijitTreeRow .loadingNode {
-  opacity: 0;
+  display: none;
 }
 body.ttrss_main #feeds-holder #feedTree .dijitTreeNode .dijitTreeRow .loadingNode.visible {
-  opacity: 1;
+  display: inline;
 }
 body.ttrss_main #feeds-holder #feedTree .dijitTreeNode .dijitTreeRow.Is_Feed .loadingNode {
   left: 2px;
@@ -1059,8 +1059,7 @@ body.ttrss_main .dijitDialog #feed_add_spinner {
   width: 18px;
   height: 18px;
 }
-body.ttrss_main .icon-three-dots,
-.cdm .content-inner .icon-unpack-pending {
+body.ttrss_main .icon-three-dots {
   width: 18px;
   height: 18px;
   vertical-align: middle;
diff --git a/themes/compact_night.css b/themes/compact_night.css
index a03aed92b..64e19c99c 100644
--- a/themes/compact_night.css
+++ b/themes/compact_night.css
@@ -520,10 +520,10 @@ body.ttrss_main #feeds-holder #feedTree .dijitTreeNode .dijitTreeRow {
   border: 1px solid transparent;
 }
 body.ttrss_main #feeds-holder #feedTree .dijitTreeNode .dijitTreeRow .loadingNode {
-  opacity: 0;
+  display: none;
 }
 body.ttrss_main #feeds-holder #feedTree .dijitTreeNode .dijitTreeRow .loadingNode.visible {
-  opacity: 1;
+  display: inline;
 }
 body.ttrss_main #feeds-holder #feedTree .dijitTreeNode .dijitTreeRow.Is_Feed .loadingNode {
   left: 2px;
@@ -1059,8 +1059,7 @@ body.ttrss_main .dijitDialog #feed_add_spinner {
   width: 18px;
   height: 18px;
 }
-body.ttrss_main .icon-three-dots,
-.cdm .content-inner .icon-unpack-pending {
+body.ttrss_main .icon-three-dots {
   width: 18px;
   height: 18px;
   vertical-align: middle;
diff --git a/themes/light.css b/themes/light.css
index df2eae48f..dbe31763a 100644
--- a/themes/light.css
+++ b/themes/light.css
@@ -520,10 +520,10 @@ body.ttrss_main #feeds-holder #feedTree .dijitTreeNode .dijitTreeRow {
   border: 1px solid transparent;
 }
 body.ttrss_main #feeds-holder #feedTree .dijitTreeNode .dijitTreeRow .loadingNode {
-  opacity: 0;
+  display: none;
 }
 body.ttrss_main #feeds-holder #feedTree .dijitTreeNode .dijitTreeRow .loadingNode.visible {
-  opacity: 1;
+  display: inline;
 }
 body.ttrss_main #feeds-holder #feedTree .dijitTreeNode .dijitTreeRow.Is_Feed .loadingNode {
   left: 2px;
@@ -1059,8 +1059,7 @@ body.ttrss_main .dijitDialog #feed_add_spinner {
   width: 18px;
   height: 18px;
 }
-body.ttrss_main .icon-three-dots,
-.cdm .content-inner .icon-unpack-pending {
+body.ttrss_main .icon-three-dots {
   width: 18px;
   height: 18px;
   vertical-align: middle;
diff --git a/themes/light/cdm.less b/themes/light/cdm.less
index 05f785cd3..4bb1c6064 100644
--- a/themes/light/cdm.less
+++ b/themes/light/cdm.less
@@ -208,12 +208,6 @@
 		}
 	}
 
-	.content-inner {
-		.icon-unpack-pending {
-			&:extend(body.ttrss_main .icon-three-dots);
-		}
-	}
-
 	.content-inner .embed-responsive {
 		overflow : hidden;
 		padding-bottom : @embed-responsive-padding;
diff --git a/themes/light/tt-rss.less b/themes/light/tt-rss.less
index 8ae130d89..53ad04d5b 100644
--- a/themes/light/tt-rss.less
+++ b/themes/light/tt-rss.less
@@ -594,10 +594,10 @@ body.ttrss_main {
 					border : 1px solid transparent;
 
 					.loadingNode {
-						opacity : 0;
+						display : none;
 
 						&.visible {
-							opacity : 1;
+							display : inline;
 						}
 					}
 
diff --git a/themes/night.css b/themes/night.css
index 138e362f8..663a49811 100644
--- a/themes/night.css
+++ b/themes/night.css
@@ -521,10 +521,10 @@ body.ttrss_main #feeds-holder #feedTree .dijitTreeNode .dijitTreeRow {
   border: 1px solid transparent;
 }
 body.ttrss_main #feeds-holder #feedTree .dijitTreeNode .dijitTreeRow .loadingNode {
-  opacity: 0;
+  display: none;
 }
 body.ttrss_main #feeds-holder #feedTree .dijitTreeNode .dijitTreeRow .loadingNode.visible {
-  opacity: 1;
+  display: inline;
 }
 body.ttrss_main #feeds-holder #feedTree .dijitTreeNode .dijitTreeRow.Is_Feed .loadingNode {
   left: 2px;
@@ -1060,8 +1060,7 @@ body.ttrss_main .dijitDialog #feed_add_spinner {
   width: 18px;
   height: 18px;
 }
-body.ttrss_main .icon-three-dots,
-.cdm .content-inner .icon-unpack-pending {
+body.ttrss_main .icon-three-dots {
   width: 18px;
   height: 18px;
   vertical-align: middle;
diff --git a/themes/night_blue.css b/themes/night_blue.css
index cc0f113db..f8d0096f3 100644
--- a/themes/night_blue.css
+++ b/themes/night_blue.css
@@ -521,10 +521,10 @@ body.ttrss_main #feeds-holder #feedTree .dijitTreeNode .dijitTreeRow {
   border: 1px solid transparent;
 }
 body.ttrss_main #feeds-holder #feedTree .dijitTreeNode .dijitTreeRow .loadingNode {
-  opacity: 0;
+  display: none;
 }
 body.ttrss_main #feeds-holder #feedTree .dijitTreeNode .dijitTreeRow .loadingNode.visible {
-  opacity: 1;
+  display: inline;
 }
 body.ttrss_main #feeds-holder #feedTree .dijitTreeNode .dijitTreeRow.Is_Feed .loadingNode {
   left: 2px;
@@ -1060,8 +1060,7 @@ body.ttrss_main .dijitDialog #feed_add_spinner {
   width: 18px;
   height: 18px;
 }
-body.ttrss_main .icon-three-dots,
-.cdm .content-inner .icon-unpack-pending {
+body.ttrss_main .icon-three-dots {
   width: 18px;
   height: 18px;
   vertical-align: middle;