chore(ngdocs): improve the side search animation effects

1 files changed, 23 insertions, 11 deletions

diff --git a/docs/src/templates/css/animations.css b/docs/src/templates/css/animations.css
index 132ee352..7c404980 100644
--- a/docs/src/templates/css/animations.css
+++ b/docs/src/templates/css/animations.css
@@ -38,18 +38,21 @@
 }
 
 .expand.ng-enter,
+.expand.ng-move,
 .expand.ng-leave {
   -webkit-transition:0.3s cubic-bezier(0.250, 0.460, 0.450, 0.940) all;
   -moz-transition:0.3s cubic-bezier(0.250, 0.460, 0.450, 0.940) all;
   -o-transition:0.3s cubic-bezier(0.250, 0.460, 0.450, 0.940) all;
   transition:0.3s cubic-bezier(0.250, 0.460, 0.450, 0.940) all;
 }
+.expand.ng-move,
 .expand.ng-enter {
   opacity:0;
   line-height:0;
   height:0!important;
 }
-.expand.ng-enter.expand.ng-enter-active {
+.expand.ng-move.ng-move-active,
+.expand.ng-enter.ng-enter-active {
   opacity:1;
   line-height:20px;
   height:20px!important;
@@ -59,12 +62,17 @@
   opacity:1;
   height:20px;
 }
-.expand.ng-leave.expand.ng-leave-active {
+.expand.ng-leave.ng-leave-active {
   opacity:0;
   height:0;
 }
 
+.fade-in.ng-enter,
+.fade-in.ng-move,
+.fade-in.ng-hide-add,
+.fade-in.ng-hide-remove,
 .foldout.ng-enter,
+.foldout.ng-move,
 .foldout.ng-hide-add,
 .foldout.ng-hide-remove {
   -webkit-transition:0.3s cubic-bezier(0.250, 0.460, 0.450, 0.940) all;
@@ -73,20 +81,24 @@
   transition:0.3s cubic-bezier(0.250, 0.460, 0.450, 0.940) all;
 }
 
+.fade-in.ng-enter,
+.fade-in.ng-move,
+.fade-in.ng-hide-remove,
+.fade-in.ng-hide-add.ng-hide-active,
 .foldout.ng-hide-remove,
-.foldout.ng-enter {
+.foldout.ng-hide-add.ng-hide-active,
+.foldout.ng-enter,
+.foldout.ng-move {
   opacity:0;
 }
 
+.fade-in.ng-enter.ng-enter-active,
+.fade-in.ng-move.ng-move-active,
+.fade-in.ng-hide-remove.ng-hide-remove-active,
+.fade-in.ng-hide-add,
+.foldout.ng-move.ng-move-active,
 .foldout.ng-hide-remove.ng-hide-remove-active,
+.foldout.ng-hide-add,
 .foldout.ng-enter.ng-enter-active {
   opacity:1;
 }
-
-.foldout.ng-hide-add {
-  opacity:1;
-}
-
-.foldout.ng-hide-add.ng-hide-active {
-  opacity:0;
-}