From c18114bfeb747572d05da4e8917e5e684c151889 Mon Sep 17 00:00:00 2001
From: Paulo Reis <paulojreis@gmail.com>
Date: Tue, 1 Nov 2016 17:30:27 +0000
Subject: [PATCH] Different strategy for highlighting the code-check setting.

---
 .../app/views/project/editor/left-menu.jade   |  2 +-
 .../app/editor/feature-onboarding.less        | 34 ++++---------------
 2 files changed, 8 insertions(+), 28 deletions(-)

diff --git a/services/web/app/views/project/editor/left-menu.jade b/services/web/app/views/project/editor/left-menu.jade
index ae9968f5eb..80d5c606ab 100644
--- a/services/web/app/views/project/editor/left-menu.jade
+++ b/services/web/app/views/project/editor/left-menu.jade
@@ -105,7 +105,7 @@ aside#left-menu.full-size(
 					ng-options="o.v as o.n for o in [{ n: 'On', v: true }, { n: 'Off', v: false }]"
 				)
 
-			.form-controls
+			.form-controls.code-check-setting
 				label(for="syntaxValidation") #{translate("syntax_validation")}
 				select(
 					name="syntaxValidation"
diff --git a/services/web/public/stylesheets/app/editor/feature-onboarding.less b/services/web/public/stylesheets/app/editor/feature-onboarding.less
index 750fea98fc..4a123a35f3 100644
--- a/services/web/public/stylesheets/app/editor/feature-onboarding.less
+++ b/services/web/public/stylesheets/app/editor/feature-onboarding.less
@@ -18,37 +18,17 @@
 	z-index: 102;
 	transition: background-position ease-in-out @left-menu-animation-duration;
 	overflow: auto;
-	&::before {
-		content: '';
-		position: fixed;
-		top: 0;
-		bottom: 0;
-		left: 0;
-		width: 0;
-		opacity: 0;
-		transition: opacity ease-in-out @left-menu-animation-duration, width ease-in-out @left-menu-animation-duration;
-	}
 }
 
 .feat-onboard-step2 {
 	background-position-x: @left-menu-width;
-	&::before {
-		content: '';
-		position: fixed;
-		top: 0;
-		bottom: 0;
-		left: 0;
-		width: @left-menu-width;
-		opacity: 1;
-		background-image: linear-gradient(
-			180deg,
-			rgba(0,0,0,.85),
-			rgba(0,0,0,.85) 530px,
-			transparent 555px,
-			transparent 585px,
-			rgba(0,0,0,.85) 610px,
-			rgba(0,0,0,.85)
-		);
+
+	~ #left-menu {
+		pointer-events: none;
+
+		.code-check-setting {
+			box-shadow: 0 0 300px #000;
+		}
 	}
 }
 	.feat-onboard-wrapper {