From 3c3247fe174ce408459bd018c9d83e84490789f5 Mon Sep 17 00:00:00 2001
From: Matias Niemelä
Date: Thu, 4 Apr 2013 08:49:04 -0400
Subject: fix(ngdocs): improve the animations used in the docs menu

---
 docs/src/templates/index.html | 14 +++++++-------
 1 file changed, 7 insertions(+), 7 deletions(-)

(limited to 'docs/src/templates/index.html')

diff --git a/docs/src/templates/index.html b/docs/src/templates/index.html
index 6e3be195..53f23939 100644
--- a/docs/src/templates/index.html
+++ b/docs/src/templates/index.html
@@ -217,13 +217,13 @@
           <div ng-show="search">Filtered results:</div>
 
           <ul class="nav nav-list" ng-hide="page">
-            <li ng-repeat="page in pages" ng-class="navClass(page)">
+            <li ng-repeat="page in pages track by page.url" ng-class="navClass(page)" class="api-list-item">
               <a href="{{page.url}}" tabindex="2">{{page.shortName}}</a>
             </li>
           </ul>
 
 
-          <ul class="nav nav-list well" ng-repeat="module in modules">
+          <ul class="nav nav-list well" ng-repeat="module in modules track by module.url" class="api-list-item">
             <li class="nav-header module">
               <a class="guide" href="{{URL.module}}">module</a>
               <a class="code" href="{{module.url}}">{{module.name}}</a>
@@ -232,21 +232,21 @@
             <li class="nav-header section" ng-show="module.directives">
               <a href="{{URL.directive}}" class="guide">directive</a>
             </li>
-            <li ng-repeat="page in module.directives" ng-class="navClass(page)" ng-animate="'slide'">
+            <li ng-repeat="page in module.directives track by page.url" ng-class="navClass(page)" ng-animate="'expand'" class="api-list-item">
               <a href="{{page.url}}" tabindex="2">{{page.shortName}}</a>
             </li>
 
             <li class="nav-header section" ng-show="module.filters">
               <a href="{{URL.filter}}" class="guide">filter</a>
             </li>
-            <li ng-repeat="page in module.filters" ng-class="navClass(page)" ng-animate="'slide'">
+            <li ng-repeat="page in module.filters track by page.url" ng-class="navClass(page)" ng-animate="'expand'" class="api-list-item">
               <a href="{{page.url}}" tabindex="2">{{page.shortName}}</a>
             </li>
 
             <li class="nav-header section" ng-show="module.services">
               <a href="{{URL.service}}" class="guide">service</a>
             </li>
-            <li ng-repeat="service in module.services" ng-animate="'slide'" ng-class="navClass(service.instance, service.provider)">
+            <li ng-repeat="service in module.services track by service.instance.url" ng-animate="'expand'" ng-class="navClass(service.instance, service.provider)" class="api-list-item">
               <a ng-show="service.provider" class="pull-right" href="{{service.provider.url}}" tabindex="2"><i class="icon-cog"></i></a>
               <a href="{{service.instance.url}}" tabindex="2">{{service.name}}</a>
             </li>
@@ -254,7 +254,7 @@
             <li class="nav-header section" ng-show="module.types">
               <a href="{{URL.type}}" class="guide">Types</a>
             </li>
-            <li ng-repeat="page in module.types" ng-class="navClass(page)" ng-animate="'slide'">
+            <li ng-repeat="page in module.types track by page.url" ng-class="navClass(page)" ng-animate="'expand'" class="api-list-item">
               <a href="{{page.url}}" tabindex="2">{{page.shortName}}</a>
             </li>
 
@@ -262,7 +262,7 @@
               <a href="{{URL.api}}" class="global guide">global APIs</a>
               &nbsp;
             </li>
-            <li ng-repeat="page in module.globals" ng-class="navClass(page)">
+            <li ng-repeat="page in module.globals track by page.url" ng-class="navClass(page)" class="api-list-item">
               <a href="{{page.url}}" tabindex="2">{{page.id}}</a>
             </li>
 
-- 
cgit v1.2.3