From c0f74d5a5f03b49f4e1989b182c9c153d912996e Mon Sep 17 00:00:00 2001
From: Dave Cranwell <david@torchbox.com>
Date: Thu, 5 Feb 2015 17:44:50 +0000
Subject: [PATCH] accidentally discovered a nifty transition effect

---
 .../wagtailadmin/scss/layouts/page-editor.scss     | 14 ++++++++++++--
 1 file changed, 12 insertions(+), 2 deletions(-)

diff --git a/wagtail/wagtailadmin/static/wagtailadmin/scss/layouts/page-editor.scss b/wagtail/wagtailadmin/static/wagtailadmin/scss/layouts/page-editor.scss
index 1e4684b38..21d2a0455 100644
--- a/wagtail/wagtailadmin/static/wagtailadmin/scss/layouts/page-editor.scss
+++ b/wagtail/wagtailadmin/static/wagtailadmin/scss/layouts/page-editor.scss
@@ -268,11 +268,16 @@
 
     /* Menu of other blocks to be added at each position */
     .stream-menu{
+        @include transition(all 0.2s ease);
         position:relative;
         overflow:hidden;
 
         ul{
+            @include transition(all 0.2s ease);
             @include clearfix;
+            
+            margin-bottom:0px;
+            opacity:1;
             padding:1em;
             background-color:$color-grey-5;
         }
@@ -321,9 +326,14 @@
 
 
         &.stream-menu-closed{
+            height:3em;
+            max-height:10em;
+
             ul{
-                height:0px;
-                padding:0;
+                margin-bottom:-200px;
+                max-height:10em;
+                opacity:0;
+                padding:10em;
                 overflow:hidden;
             }           
         }