github/overleaf
1
0
Fork 0
mirror of https://github.com/overleaf/overleaf.git synced 2024-11-21 20:47:08 -05:00
Code Issues Projects Releases Packages Wiki Activity

Fix positioning & styling of arrows

Browse source
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
Show stats Download patch file Download diff file Expand all files Collapse all files

5
services/web/public/coffee/ide/AutoCompileOnboardingController.coffee
View file

@ -10,15 +10,14 @@ define [
$scope.placement = 'left' $scope.placement = 'left'
popover.offset({ popover.offset({
top: top, top: top,
left: left - popover.width() - 11 # Width of arrow left: left - popover.width()
}) })
else else
$scope.placement = 'right' $scope.placement = 'right'
angular.element('.onboarding__autocompile').offset({ angular.element('.onboarding__autocompile').offset({
top: top, top: top,
left: left + recompileBtn.width() + 11 # Width of arrow left: left + recompileBtn.width()
}) })
$scope.dismiss = () -> $scope.dismiss = () ->
$scope.onboarding.autoCompile = 'dismissed' $scope.onboarding.autoCompile = 'dismissed'

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

@ -106,10 +106,21 @@ a.feat-onboard-dismiss {
.arrow { .arrow {
top: 17px !important; top: 17px !important;
}
&.right > .arrow {
left: -10px !important; left: -10px !important;
&:after { &:after {
border-right-color: #f7f7f7 !important; border-right-color: #f7f7f7 !important;
} }
} }
&.left > .arrow {
right: -10px !important;
&:after {
border-left-color: #f7f7f7 !important;
}
}
} }