counterNode: use appear effect

diff --git a/js/FeedTree.js b/js/FeedTree.js
index 7cc3aabbe8bb3f2d2b944903636ca39ac61d4934..5bca1af8688f5e08e94dce1c312f2abf362efedf 100644 (file)
--- a/js/FeedTree.js
+++ b/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;
-                               item.unread > 0 ? node.counterNode.addClassName("unread") : node.counterNode.removeClassName("unread");
+                               ctr = node.counterNode;
+                               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);
                        }
                }
 

diff --git a/tt-rss.css b/tt-rss.css
index a9b03fe39acf76e1d82b4c037195ccd03a8a3919..f05b554f80b33c038f55dd1b5c9bc67d6de8b33f 100644 (file)
--- a/tt-rss.css
+++ b/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;