add svg loading indicators

6 files changed, 82 insertions, 18 deletions

diff --git a/themes/compact.css b/themes/compact.css
index e36f36ae6..6c8502c6e 100644
--- a/themes/compact.css
+++ b/themes/compact.css
@@ -182,6 +182,11 @@ body.ttrss_main .notify.notify_progress {
   border-color: #d7c47a;
   background-color: #fff7d5;
 }
+body.ttrss_main .notify.notify_progress img {
+  width: 18px;
+  height: 18px;
+  filter: saturate(0);
+}
 body.ttrss_main .notify.notify_info {
   border-color: #257aa7;
   background-color: #d5ebf6;
@@ -523,10 +528,15 @@ body.ttrss_main #feeds-holder #feedTree .dijitTreeNode .dijitTreeRow .loadingNod
 }
 body.ttrss_main #feeds-holder #feedTree .dijitTreeNode .dijitTreeRow.Is_Feed .loadingNode {
   left: -3px;
-  height: 20px;
-  width: 20px;
+  height: 14px;
+  width: 14px;
   position: relative;
-  top: -2px;
+  top: -1px;
+}
+body.ttrss_main #feeds-holder #feedTree .dijitTreeNode .dijitTreeRow.Is_Cat .loadingNode {
+  height: 11px;
+  width: 18px;
+  margin-left: 4px;
 }
 body.ttrss_main #feeds-holder #feedTree .dijitTreeNode .dijitTreeRow .counterNode {
   font-weight: bold;
diff --git a/themes/compact_night.css b/themes/compact_night.css
index 676593d6c..6eb3db32e 100644
--- a/themes/compact_night.css
+++ b/themes/compact_night.css
@@ -182,6 +182,11 @@ body.ttrss_main .notify.notify_progress {
   border-color: #d7c47a;
   background-color: #fff7d5;
 }
+body.ttrss_main .notify.notify_progress img {
+  width: 18px;
+  height: 18px;
+  filter: saturate(0);
+}
 body.ttrss_main .notify.notify_info {
   border-color: #b87d2c;
   background-color: #faf3e9;
@@ -523,10 +528,15 @@ body.ttrss_main #feeds-holder #feedTree .dijitTreeNode .dijitTreeRow .loadingNod
 }
 body.ttrss_main #feeds-holder #feedTree .dijitTreeNode .dijitTreeRow.Is_Feed .loadingNode {
   left: -3px;
-  height: 20px;
-  width: 20px;
+  height: 14px;
+  width: 14px;
   position: relative;
-  top: -2px;
+  top: -1px;
+}
+body.ttrss_main #feeds-holder #feedTree .dijitTreeNode .dijitTreeRow.Is_Cat .loadingNode {
+  height: 11px;
+  width: 18px;
+  margin-left: 4px;
 }
 body.ttrss_main #feeds-holder #feedTree .dijitTreeNode .dijitTreeRow .counterNode {
   font-weight: bold;
diff --git a/themes/light.css b/themes/light.css
index a25dfb410..9f08cfcc1 100644
--- a/themes/light.css
+++ b/themes/light.css
@@ -182,6 +182,11 @@ body.ttrss_main .notify.notify_progress {
   border-color: #d7c47a;
   background-color: #fff7d5;
 }
+body.ttrss_main .notify.notify_progress img {
+  width: 18px;
+  height: 18px;
+  filter: saturate(0);
+}
 body.ttrss_main .notify.notify_info {
   border-color: #257aa7;
   background-color: #d5ebf6;
@@ -523,10 +528,15 @@ body.ttrss_main #feeds-holder #feedTree .dijitTreeNode .dijitTreeRow .loadingNod
 }
 body.ttrss_main #feeds-holder #feedTree .dijitTreeNode .dijitTreeRow.Is_Feed .loadingNode {
   left: -3px;
-  height: 20px;
-  width: 20px;
+  height: 14px;
+  width: 14px;
   position: relative;
-  top: -2px;
+  top: -1px;
+}
+body.ttrss_main #feeds-holder #feedTree .dijitTreeNode .dijitTreeRow.Is_Cat .loadingNode {
+  height: 11px;
+  width: 18px;
+  margin-left: 4px;
 }
 body.ttrss_main #feeds-holder #feedTree .dijitTreeNode .dijitTreeRow .counterNode {
   font-weight: bold;
diff --git a/themes/light/tt-rss.less b/themes/light/tt-rss.less
index 121cba56b..b3dd44d24 100644
--- a/themes/light/tt-rss.less
+++ b/themes/light/tt-rss.less
@@ -192,6 +192,12 @@ body.ttrss_main {
 	.notify.notify_progress {
 		border-color : #d7c47a;
 		background-color : #fff7d5;
+
+		img {
+			width : 18px;
+			height : 18px;
+			filter : saturate(0);
+		}
 	}
 
 	.notify.notify_info {
@@ -599,10 +605,18 @@ body.ttrss_main {
 					&.Is_Feed {
 						.loadingNode {
 							left : -3px;
-							height : 20px;
-							width : 20px;
+							height : 14px;
+							width : 14px;
 							position : relative;
-							top : -2px;
+							top : -1px;
+						}
+					}
+
+					&.Is_Cat {
+						.loadingNode {
+							height : 11px;
+							width : 18px;
+							margin-left : 4px;
 						}
 					}
 
diff --git a/themes/night.css b/themes/night.css
index 6aad81e82..03c76fc94 100644
--- a/themes/night.css
+++ b/themes/night.css
@@ -183,6 +183,11 @@ body.ttrss_main .notify.notify_progress {
   border-color: #d7c47a;
   background-color: #fff7d5;
 }
+body.ttrss_main .notify.notify_progress img {
+  width: 18px;
+  height: 18px;
+  filter: saturate(0);
+}
 body.ttrss_main .notify.notify_info {
   border-color: #b87d2c;
   background-color: #faf3e9;
@@ -524,10 +529,15 @@ body.ttrss_main #feeds-holder #feedTree .dijitTreeNode .dijitTreeRow .loadingNod
 }
 body.ttrss_main #feeds-holder #feedTree .dijitTreeNode .dijitTreeRow.Is_Feed .loadingNode {
   left: -3px;
-  height: 20px;
-  width: 20px;
+  height: 14px;
+  width: 14px;
   position: relative;
-  top: -2px;
+  top: -1px;
+}
+body.ttrss_main #feeds-holder #feedTree .dijitTreeNode .dijitTreeRow.Is_Cat .loadingNode {
+  height: 11px;
+  width: 18px;
+  margin-left: 4px;
 }
 body.ttrss_main #feeds-holder #feedTree .dijitTreeNode .dijitTreeRow .counterNode {
   font-weight: bold;
diff --git a/themes/night_blue.css b/themes/night_blue.css
index 174e66b3a..e5f80e375 100644
--- a/themes/night_blue.css
+++ b/themes/night_blue.css
@@ -183,6 +183,11 @@ body.ttrss_main .notify.notify_progress {
   border-color: #d7c47a;
   background-color: #fff7d5;
 }
+body.ttrss_main .notify.notify_progress img {
+  width: 18px;
+  height: 18px;
+  filter: saturate(0);
+}
 body.ttrss_main .notify.notify_info {
   border-color: #257aa7;
   background-color: #d5ebf6;
@@ -524,10 +529,15 @@ body.ttrss_main #feeds-holder #feedTree .dijitTreeNode .dijitTreeRow .loadingNod
 }
 body.ttrss_main #feeds-holder #feedTree .dijitTreeNode .dijitTreeRow.Is_Feed .loadingNode {
   left: -3px;
-  height: 20px;
-  width: 20px;
+  height: 14px;
+  width: 14px;
   position: relative;
-  top: -2px;
+  top: -1px;
+}
+body.ttrss_main #feeds-holder #feedTree .dijitTreeNode .dijitTreeRow.Is_Cat .loadingNode {
+  height: 11px;
+  width: 18px;
+  margin-left: 4px;
 }
 body.ttrss_main #feeds-holder #feedTree .dijitTreeNode .dijitTreeRow .counterNode {
   font-weight: bold;