From fe6cdfca4c360e82abaaca5334fb89d1230505b6 Mon Sep 17 00:00:00 2001
From: jos <wjosdejong@gmail.com>
Date: Fri, 13 Jun 2014 13:59:44 +0200
Subject: [PATCH] Added a start with animation (not yet working and disabled)

---
 Jakefile.js                              |  1 +
 src/timeline/component/css/animation.css | 31 ++++++++++++++++++++++++
 2 files changed, 32 insertions(+)
 create mode 100644 src/timeline/component/css/animation.css

diff --git a/Jakefile.js b/Jakefile.js
index 41ec9264..ea904115 100644
--- a/Jakefile.js
+++ b/Jakefile.js
@@ -44,6 +44,7 @@ task('build', {async: true}, function () {
       './src/timeline/component/css/timeaxis.css',
       './src/timeline/component/css/currenttime.css',
       './src/timeline/component/css/customtime.css',
+      './src/timeline/component/css/animation.css',
 
       './src/graph/css/graph-manipulation.css',
       './src/graph/css/graph-navigation.css'
diff --git a/src/timeline/component/css/animation.css b/src/timeline/component/css/animation.css
new file mode 100644
index 00000000..ce41fbf5
--- /dev/null
+++ b/src/timeline/component/css/animation.css
@@ -0,0 +1,31 @@
+/* TODO: get animation working nicely
+.vis.timeline.root {
+  -webkit-transition: height .4s ease-in-out;
+  transition:         height .4s ease-in-out;
+}
+
+.vis.timeline .vispanel {
+  -webkit-transition: height .4s ease-in-out, top .4s ease-in-out;
+  transition:         height .4s ease-in-out, top .4s ease-in-out;
+}
+
+.vis.timeline .axis {
+  -webkit-transition: top .4s ease-in-out;
+  transition:         top .4s ease-in-out;
+}
+
+.vis.timeline  .group {
+  -webkit-transition: height .4s ease-in-out;
+  transition:         height .4s ease-in-out;
+}
+
+.vis.timeline .item {
+  -webkit-transition: top .4s ease-in-out;
+  transition:         top .4s ease-in-out;
+}
+
+.vis.timeline .item.line {
+  -webkit-transition: height .4s ease-in-out, top .4s ease-in-out;
+  transition:         height .4s ease-in-out, top .4s ease-in-out;
+}
+/**/
\ No newline at end of file