github-mirror/discourse
2
0
Fork 0
mirror of https://github.com/discourse/discourse.git synced 2024-11-23 23:54:16 +08:00
Code Issues Actions 1 Packages Projects Releases Wiki Activity

EXPERIMENT: put the quote button at the bottom of the selection on mobile

Browse Source
This commit is contained in:
Régis Hanol 2014-07-29 09:23:49 +02:00
parent aa7ed0b2ba
commit b93deae54b
1 changed files with 15 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

24
app/assets/javascripts/discourse/controllers/quote-button.js.es6
View File

@ -58,15 +58,14 @@ export default Discourse.Controller.extend({
this.set('post', postStream.findLoadedPost(postId));
this.set('buffer', selectedText);
// collapse the range at the beginning of the selection
// (ie. moves the end point to the start point)
range.collapse(true);
// create a marker element
var markerElement = document.createElement("span");
// containing a single invisible character
markerElement.appendChild(document.createTextNode("\ufeff"));
// and insert it at the beginning of our selection range
// collapse the range at the beginning/end of the selection
range.collapse(!Discourse.Mobile.isMobileDevice);
// and insert it at the start of our selection range
range.insertNode(markerElement);
// retrieve the position of the market
@ -83,10 +82,17 @@ export default Discourse.Controller.extend({
// move the quote button above the marker
Em.run.schedule('afterRender', function() {
$quoteButton.offset({
top: markerOffset.top - $quoteButton.outerHeight() - 5,
left: markerOffset.left
});
var top = markerOffset.top;
var left = markerOffset.left;
if (Discourse.Mobile.isMobileDevice) {
top = top + 20;
left = left + 10;
} else {
top = top - $quoteButton.outerHeight() - 5;
}
$quoteButton.offset({ top: top, left: left });
});
},