github-mirror/framework
2
0
Fork 0
mirror of https://github.com/flarum/framework.git synced 2024-11-26 02:10:09 +08:00
Code Issues Actions 46 Packages Projects Releases Wiki Activity

Reposition the post mention preview after its content has loaded

Browse Source
This commit is contained in:
Toby Zerner 2015-05-18 10:32:46 +09:30
parent ecb06f36c8
commit 8c41195223
1 changed files with 9 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

13
extensions/mentions/js/src/post-mention-previews.js
View File

@ -49,7 +49,14 @@ export default function postMentionPreviews() {
if (!visible) { if (!visible) {
var showPost = function(post) { var showPost = function(post) {
m.render($preview[0], m('li', PostPreview.component({post}))); m.render($preview[0], m('li', PostPreview.component({post})));
} positionPreview();
};
// Position the preview so that it appears above the mention.
// (The offsetParent should be .post-body.)
var positionPreview = function() {
$preview.show().css('top', $this.offset().top - $this.offsetParent().offset().top - $preview.outerHeight(true));
};
var post = discussion.posts().filter(post => post && post.number() == number)[0]; var post = discussion.posts().filter(post => post && post.number() == number)[0];
if (post) { if (post) {
@ -57,11 +64,9 @@ export default function postMentionPreviews() {
} else { } else {
m.render($preview[0], LoadingIndicator.component()); m.render($preview[0], LoadingIndicator.component());
app.store.find('posts', {discussions: discussion.id(), number}).then(posts => showPost(posts[0])); app.store.find('posts', {discussions: discussion.id(), number}).then(posts => showPost(posts[0]));
positionPreview();
} }
// Position the preview so that it appears above the mention.
// (The offsetParent should be .post-body.)
$preview.show().css('top', $this.offset().top - $this.offsetParent().offset().top - $preview.outerHeight(true));
setTimeout(() => $preview.off('transitionend').addClass('in')); setTimeout(() => $preview.off('transitionend').addClass('in'));
} }
}, 500); }, 500);