From a91de6c3a54947456ab0df9fe061015c1636476f Mon Sep 17 00:00:00 2001
From: Paulo Reis <paulojreis@gmail.com>
Date: Tue, 1 Nov 2016 15:27:05 +0000
Subject: [PATCH] Fix animation for compatibility with display: flex.

---
 .../stylesheets/app/editor/feature-onboarding.less   | 12 +++++++-----
 1 file changed, 7 insertions(+), 5 deletions(-)

diff --git a/services/web/public/stylesheets/app/editor/feature-onboarding.less b/services/web/public/stylesheets/app/editor/feature-onboarding.less
index 670a17fcd5..750fea98fc 100644
--- a/services/web/public/stylesheets/app/editor/feature-onboarding.less
+++ b/services/web/public/stylesheets/app/editor/feature-onboarding.less
@@ -8,13 +8,15 @@
 	bottom: 0;
 	left: 0;
 	display: flex;
-	justify-content: center;
-	align-items: center;
-	background-color: rgba(0, 0, 0, .85);
+ 	justify-content: center;
+ 	align-items: center;
+	background-image: linear-gradient(rgba(0, 0, 0, .85), rgba(0, 0, 0, .85));
+	background-repeat: no-repeat;
+	background-position-x: 0;
 	color: #FFF;
 	text-align: center;
 	z-index: 102;
-	transition: left ease-in-out @left-menu-animation-duration;
+	transition: background-position ease-in-out @left-menu-animation-duration;
 	overflow: auto;
 	&::before {
 		content: '';
@@ -29,7 +31,7 @@
 }
 
 .feat-onboard-step2 {
-	left: @left-menu-width;
+	background-position-x: @left-menu-width;
 	&::before {
 		content: '';
 		position: fixed;