From c4a6f8076b9a000c7ee1700bb5ed2a5235b11dd8 Mon Sep 17 00:00:00 2001 From: Isaac Mann Date: Thu, 14 Apr 2016 10:26:52 -0400 Subject: [PATCH 1/2] Expand/Collapse animations --- css/tree-control.css | 28 ++++++++++++++++++++++++++++ 1 file changed, 28 insertions(+) diff --git a/css/tree-control.css b/css/tree-control.css index 1e94505..1938e1b 100644 --- a/css/tree-control.css +++ b/css/tree-control.css @@ -120,3 +120,31 @@ treecontrol.tree-dark li .tree-unselectable { treecontrol.tree-dark { color: #ddd; } + +treeitem, +treeitem.ng-enter li, +treeitem.ng-leave li { + transition: 200ms linear all; +} +treeitem.ng-enter li { + position: relative; + display: block; + opacity: 0; + max-height:0px; +} +treeitem.ng-enter-active li { + opacity: 1; + max-height:30px; +} +treeitem.ng-leave li { + position: relative; + display: block; + height:30px; + max-height: 30px; + opacity: 1; +} +treeitem.ng-leave-active li { + height: 0px; + max-height:0px; + opacity: 0; +} From a320d664dec616ffc75685308885c256ea44f533 Mon Sep 17 00:00:00 2001 From: isaacplmann Date: Thu, 14 Apr 2016 11:10:01 -0400 Subject: [PATCH 2/2] Quicker transition --- css/tree-control.css | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/css/tree-control.css b/css/tree-control.css index 1938e1b..810af3d 100644 --- a/css/tree-control.css +++ b/css/tree-control.css @@ -124,7 +124,7 @@ treecontrol.tree-dark { treeitem, treeitem.ng-enter li, treeitem.ng-leave li { - transition: 200ms linear all; + transition: 100ms linear all; } treeitem.ng-enter li { position: relative;