IntenseWebs/discourse
3
0
Fork 0
mirror of https://github.com/discourse/discourse.git synced 2025-02-25 18:55:32 -06:00
Code Issues Packages Projects Releases Wiki Activity

UX: Improve quoting on iOS

Browse Source 
Fixes quote usability on iOS when the button is near the right edge of the screen.
This commit is contained in:
Penar Musaraj 2019-10-23 10:44:47 -04:00
parent a7301c8671
commit 4fa1ef0945
1 changed files with 5 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
app/assets/javascripts/discourse/components/quote-button.js.es6
View File

@ -107,10 +107,13 @@ export default Ember.Component.extend({
let left = markerOffset.left + Math.max(0, parentScrollLeft); let left = markerOffset.left + Math.max(0, parentScrollLeft);
if (showAtEnd) { if (showAtEnd) {
top = top + 20; const nearRightEdgeOfScreen =
$(window).width() - $quoteButton.outerWidth() < left + 10;
top = nearRightEdgeOfScreen ? top + 50 : top + 20;
left = Math.min( left = Math.min(
left + 10, left + 10,
$(window).width() - $quoteButton.outerWidth() $(window).width() - $quoteButton.outerWidth() - 10
); );
} else { } else {
top = top - $quoteButton.outerHeight() - 5; top = top - $quoteButton.outerHeight() - 5;