github/overleaf
1
0
Fork 0
mirror of https://github.com/overleaf/overleaf.git synced 2025-01-23 01:12:27 +00:00
Code Issues Projects Releases Packages Wiki Activity

Alter position of link-sharing popover, and better image

Browse source
This commit is contained in:
Shane Kilkelly 2017-11-10 10:24:36 +00:00
parent 44420b41d6
commit 666ee0669a
4 changed files with 9 additions and 29 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
services/web/app/views/project/editor/editor.pug
View file

@ -109,7 +109,7 @@ div.full-size(
button.btn.btn-default.btn-block(ng-click="dismiss()")
| #{translate("got_it")}
#onboarding-linksharing.onboarding-popover.popover(
#onboarding-linksharing.onboarding-linksharing.popover(
ng-controller="LinkSharingOnboardingController"
ng-if="onboarding.linkSharing == 'unseen'"
ng-class="placement"

4
services/web/public/coffee/ide/LinkSharingOnboardingController.coffee
View file

@ -16,6 +16,6 @@ define [
popover.show()
$scope.placement = 'bottom'
popover.offset({
top: offset.top + 8 + shareBtn.height(),
left: offset.left
top: offset.top + 11 + shareBtn.height(),
left: offset.left - 180
})

BIN
services/web/public/img/onboarding/linksharing/link-sharing.png
View file

Binary file not shown.
Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 2.9 KiB

After

Width:  |  Height:  |  Size: 4.2 KiB

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

@ -143,7 +143,8 @@ a.feat-onboard-dismiss {
right: -9.5px;
}
}
.onboarding-popover {
.onboarding-linksharing {
display: block;
top: 10px;
@ -162,40 +163,19 @@ a.feat-onboard-dismiss {
position: absolute;
}
&.right::before {
border-left-width: 0;
border-right-color: rgba(0, 0, 0, .3);
left: -11px;
}
&.right::after {
border-left-width: 0;
border-right-color: #f7f7f7;
left: -9.5px;
}
&.left::before {
border-right-width: 0;
border-left-color: rgba(0, 0, 0, .3);
right: -11px
}
&.left::after {
border-right-width: 0;
border-left-color: #f7f7f7;
right: -9.5px;
}
// Bottom
&.bottom::before {
border-top-width: 0;
border-bottom-color: rgba(0, 0, 0, .3);
top: -11px
top: -11px;
right: 38px;
}
&.bottom::after {
border-top-width: 0;
border-bottom-color: #f7f7f7;
top: -9.5px;
right: 38px;
}
}