diff --git a/services/web/app/views/project/editor/feature-onboarding.pug b/services/web/app/views/project/editor/feature-onboarding.pug index ce3d936f5d..27d581ed46 100644 --- a/services/web/app/views/project/editor/feature-onboarding.pug +++ b/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 diff --git a/services/web/public/coffee/ide/FeatureOnboardingController.coffee b/services/web/public/coffee/ide/FeatureOnboardingController.coffee index ad9e096ced..67f434abaf 100644 --- a/services/web/public/coffee/ide/FeatureOnboardingController.coffee +++ b/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 diff --git a/services/web/public/stylesheets/app/editor/feature-onboarding.less b/services/web/public/stylesheets/app/editor/feature-onboarding.less index 565ff5d22e..7e78a007fe 100644 --- a/services/web/public/stylesheets/app/editor/feature-onboarding.less +++ b/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); } - } \ No newline at end of file + } + +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; + } +} \ No newline at end of file