counterNode: use appear effect

js/FeedTree.js

@@ -188,7 +188,9 @@ dojo.declare("fox.FeedTree", dijit.Tree, {
 		ctr.className = 'counterNode';
 		ctr.innerHTML = args.item.unread;
 
-		args.item.unread > 0 ? ctr.addClassName("unread") : ctr.removeClassName("unread");
+		//args.item.unread > 0 ? ctr.addClassName("unread") : ctr.removeClassName("unread");
+
+		args.item.unread > 0 ? Element.show(ctr) : Element.hide(ctr);
 
 		dojo.place(ctr, tnode.labelNode, 'after');
 		tnode.counterNode = ctr;
@@ -212,8 +214,11 @@ dojo.declare("fox.FeedTree", dijit.Tree, {
 			node = node[0];
 
 			if (node.counterNode) {
-				node.counterNode.innerHTML = item.unread;
+				ctr = node.counterNode;
-				item.unread > 0 ? node.counterNode.addClassName("unread") : node.counterNode.removeClassName("unread");
+				ctr.innerHTML = item.unread;
+				item.unread > 0 ? Effect.Appear(ctr, {duration : 0.3,
+					queue: { position: 'end', scope: 'CAPPEAR-' + item.id, limit: 1 }}) :
+						Element.hide(ctr);
 			}
 		}
 

tt-rss.css

@@ -1051,10 +1051,6 @@ div.hl.active {
 }
 
 #feedTree span.counterNode {
-	display : none;
-}
-
-#feedTree span.counterNode.unread {
 	font-weight : bold;
 	display : inline-block;
 	font-size : 9px;