Fix positioning & styling of arrows

This commit is contained in:
Alasdair Smith 2017-09-28 11:55:20 +01:00
parent 2d5a61f5b6
commit e78ee69c04
2 changed files with 13 additions and 3 deletions

View file

@ -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'

View file

@ -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;
}
}
}