From e78ee69c04cb37535fc21bf25bf175b7fa29c3f4 Mon Sep 17 00:00:00 2001 From: Alasdair Smith Date: Thu, 28 Sep 2017 11:55:20 +0100 Subject: [PATCH] Fix positioning & styling of arrows --- .../coffee/ide/AutoCompileOnboardingController.coffee | 5 ++--- .../stylesheets/app/editor/feature-onboarding.less | 11 +++++++++++ 2 files changed, 13 insertions(+), 3 deletions(-) diff --git a/services/web/public/coffee/ide/AutoCompileOnboardingController.coffee b/services/web/public/coffee/ide/AutoCompileOnboardingController.coffee index 3131661315..50852d8093 100644 --- a/services/web/public/coffee/ide/AutoCompileOnboardingController.coffee +++ b/services/web/public/coffee/ide/AutoCompileOnboardingController.coffee @@ -10,15 +10,14 @@ define [ $scope.placement = 'left' popover.offset({ top: top, - left: left - popover.width() - 11 # Width of arrow + left: left - popover.width() }) else $scope.placement = 'right' angular.element('.onboarding__autocompile').offset({ top: top, - left: left + recompileBtn.width() + 11 # Width of arrow + left: left + recompileBtn.width() }) - $scope.dismiss = () -> $scope.onboarding.autoCompile = 'dismissed' \ No newline at end of file diff --git a/services/web/public/stylesheets/app/editor/feature-onboarding.less b/services/web/public/stylesheets/app/editor/feature-onboarding.less index cd4b6f3b3a..134001b212 100644 --- a/services/web/public/stylesheets/app/editor/feature-onboarding.less +++ b/services/web/public/stylesheets/app/editor/feature-onboarding.less @@ -106,10 +106,21 @@ a.feat-onboard-dismiss { .arrow { top: 17px !important; + } + + &.right > .arrow { left: -10px !important; &:after { border-right-color: #f7f7f7 !important; } } + + &.left > .arrow { + right: -10px !important; + + &:after { + border-left-color: #f7f7f7 !important; + } + } }