github-mirror/discourse
2
0
Fork 0
mirror of https://github.com/discourse/discourse.git synced 2024-12-01 03:53:43 +08:00
Code Issues Actions 1 Packages Projects Releases Wiki Activity

prevent share-view being clipped at viewport bounds

Browse Source
This commit is contained in:
Nathaniel Palmer 2013-10-12 00:38:57 -04:00
parent d55dc3dd99
commit 20ab14e1b8
1 changed files with 12 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

14
app/assets/javascripts/discourse/views/share_view.js
View File

@ -60,14 +60,24 @@ Discourse.ShareView = Discourse.View.extend({
url = window.location.protocol + "//" + window.location.host + url; url = window.location.protocol + "//" + window.location.host + url;
} }
var x = e.pageX - 150; var shareLinkWidth = $('#share-link').width();
var x = e.pageX - (shareLinkWidth / 2);
if (x < 25) { if (x < 25) {
x = 25; x = 25;
} }
if (x + shareLinkWidth > $(window).width()) {
x -= shareLinkWidth / 2;
}
var header = $('.d-header');
var y = e.pageY - ($('#share-link').height() + 20);
if (y < header.offset().top + header.height()) {
y = e.pageY + 10;
}
$('#share-link').css({ $('#share-link').css({
left: "" + x + "px", left: "" + x + "px",
top: "" + (e.pageY - 100) + "px" top: "" + y + "px"
}); });
shareView.set('controller.link', url); shareView.set('controller.link', url);
shareView.set('controller.postNumber', postNumber); shareView.set('controller.postNumber', postNumber);