[incubator-superset] 07/08: [SQL Lab] Polish side pane animation (#7722)

[michellet]

This is an automated email from the ASF dual-hosted git repository.

michellet pushed a commit to branch release--0.33
in repository https://gitbox.apache.org/repos/asf/incubator-superset.git

commit d3b732354f645b2942f6606be3cd4ca70a1b2ff4
Author: Erik Ritter <erik.rit...@airbnb.com>
AuthorDate: Wed Jun 19 10:44:06 2019 -0700

    [SQL Lab] Polish side pane animation (#7722)
    
    (cherry picked from commit cddce63cad07bb05fc951241ac1285b9e5da3350)
---
 superset/assets/src/SqlLab/main.less | 14 ++++++++++----
 1 file changed, 10 insertions(+), 4 deletions(-)

diff --git a/superset/assets/src/SqlLab/main.less 
b/superset/assets/src/SqlLab/main.less
index 822e7d8..8faf6fb 100644
--- a/superset/assets/src/SqlLab/main.less
+++ b/superset/assets/src/SqlLab/main.less
@@ -238,7 +238,8 @@ div.Workspace {
 
     .schemaPane {
         flex: 0 0 300px;
-        transition: all .3s ease-in-out;
+        max-width: 300px;
+        transition: transform .3s ease-in-out;
     }
 
     .queryPane {
@@ -250,13 +251,18 @@ div.Workspace {
         transform: translateX(0);
     }
 
-    .schemaPane-enter-active, .schemaPane-exit-active {
-        transform: translateX(-50%);
+    .schemaPane-exit-active {
+        transform: translateX(-120%);
+    }
+
+    .schemaPane-enter-active {
+        transform: translateX(0);
+        max-width: 300px;
     }
 
     .schemaPane-enter, .schemaPane-exit-done {
-        transform: translateX(-100%);
         max-width: 0;
+        transform: translateX(-120%);
         overflow: hidden;
     }