From 96abb9d9cada076acaa5d79d581fbd338008e29e Mon Sep 17 00:00:00 2001
From: Vit Brunner <vit.brunner@gmail.com>
Date: Wed, 4 Mar 2015 20:57:21 +0100
Subject: [PATCH] Animate pick css transition

---
 Gruntfile.coffee             | 1 +
 bower.json                   | 1 +
 source/scripts/app.js.coffee | 2 +-
 source/styles/style.css.styl | 7 +++++++
 4 files changed, 10 insertions(+), 1 deletion(-)

diff --git a/Gruntfile.coffee b/Gruntfile.coffee
index 5951a5d..9227678 100644
--- a/Gruntfile.coffee
+++ b/Gruntfile.coffee
@@ -37,6 +37,7 @@ module.exports = (grunt) ->
 		scripts: [
 			'bower_components/lodash/dist/lodash.js'
 			'bower_components/angular/angular.js'
+			'bower_components/angular-animate/angular-animate.js'
 			'bower_components/angular-sanitize/angular-sanitize.js'
 			'bower_components/angular-scroll/angular-scroll.js'
 			'bower_components/ngDialog/js/ngDialog.js'
diff --git a/bower.json b/bower.json
index fc7b624..2aeb183 100644
--- a/bower.json
+++ b/bower.json
@@ -3,6 +3,7 @@
 	"author": "Vit Brunner",
 	"dependencies": {
 		"angular": "1.2.20",
+		"angular-animate": "1.2.20",
 		"angular-sanitize": "1.2.20",
 		"angular-scroll": "0.6.2",
 		"fontawesome": "4.2.0",
diff --git a/source/scripts/app.js.coffee b/source/scripts/app.js.coffee
index 595b9ce..a004b58 100644
--- a/source/scripts/app.js.coffee
+++ b/source/scripts/app.js.coffee
@@ -1,4 +1,4 @@
-angular.module('sideBySide', ['ngDialog', 'ngSanitize', 'duScroll'])
+angular.module('sideBySide', ['ngAnimate', 'ngDialog', 'ngSanitize', 'duScroll'])
 	.config [ '$locationProvider', ($locationProvider) ->
 		$locationProvider.html5Mode true
 	]
diff --git a/source/styles/style.css.styl b/source/styles/style.css.styl
index 0395b30..df2c7c3 100644
--- a/source/styles/style.css.styl
+++ b/source/styles/style.css.styl
@@ -73,6 +73,7 @@ body
 	position: fixed
 	left: 0
 	bottom: 36px
+	transition: .5s linear all
 
 	width: 100%
 	.pick-in
@@ -100,6 +101,9 @@ body
 	.disabled
 		color: $neutral
 
+.pick.ng-hide
+	max-height: 0
+
 max_columns = 20
 for columns in 1 .. max_columns
 	.cols-{columns}
@@ -108,3 +112,6 @@ for columns in 1 .. max_columns
 
 			.version-padded
 				padding: 0px (100 / (5 * columns))%
+
+.ng-hide-add, .ng-hide-remove
+	display: block !important