Different strategy for highlighting the code-check setting.

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"

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 {