Merge branch 'pr-review-panel-onboarding' of github.com:sharelatex/web-sharelatex into pr-review-panel-onboarding

services/web/app/views/project/editor/feature-onboarding.pug

@@ -4,6 +4,10 @@
 	ng-if="!state.loading && ui.showCollabFeaturesOnboarding"
 	ng-cloak
 )
+	a.feat-onboard-dismiss(
+		href
+		ng-click="dismiss();"
+	) ×
 	.feat-onboard-wrapper
 		h1.feat-onboard-title
 			span.feat-onboard-highlight Commenting

services/web/public/coffee/ide/FeatureOnboardingController.coffee

@@ -2,6 +2,8 @@ define [
 	"base"
 ], (App) ->
 	App.controller "FeatureOnboardingController", ($scope, settings) ->
+		# TODO Send event to Analytics API; handle keyboard input. 
+
 		$scope.onboarding = 
 			innerStep: 1
 			nSteps: 4

services/web/public/stylesheets/app/editor/feature-onboarding.less

@@ -72,4 +72,24 @@
 				outline: 0;
 				box-shadow: 0 0 70px 0 rgba(255, 255, 255, 0.3);
 			}
-		}
+		}
+
+a.feat-onboard-dismiss {
+	position: absolute;
+	top: 10px;
+	right: 10px;
+	width: 1em;
+	height: 1em;
+	line-height: 1em;
+	font-size: 2em;
+	color: #FFF;
+	opacity: 0.5;
+	transition: opacity .15s ease-in-out;
+	
+	&:hover,
+	&:focus {
+		text-decoration: none;
+		color: #FFF;
+		opacity: 1;
+	}
+}