[incubator-superset] branch master updated: [SQL Lab] Polish side pane animation (#7722)

[gr...@apache.org]

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

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


The following commit(s) were added to refs/heads/master by this push:
     new cddce63  [SQL Lab] Polish side pane animation (#7722)
cddce63 is described below

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

    [SQL Lab] Polish side pane animation (#7722)
---
 superset/assets/src/SqlLab/main.less | 13 +++++++++----
 1 file changed, 9 insertions(+), 4 deletions(-)

diff --git a/superset/assets/src/SqlLab/main.less b/superset/assets/src/SqlLab/main.less
index 725ea99..63d6708 100644
--- a/superset/assets/src/SqlLab/main.less
+++ b/superset/assets/src/SqlLab/main.less
@@ -243,7 +243,7 @@ div.Workspace {
     .schemaPane {
         flex: 0 0 300px;
         max-width: 300px;
-        transition: all .3s ease-in-out;
+        transition: transform .3s ease-in-out;
     }
 
     .queryPane {
@@ -255,13 +255,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;
     }